Betapa Hebatnya Desain Mendukung Perjalanan Pembeli

Mengapa desain penting? Tampaknya jelas bahwa hal itu terjadi. Kami menghabiskan banyak waktu untuk itu, mencoba membuat apa pun yang kami kerjakan "terlihat bagus."

Tapi apakah Anda menyadari betapa pentingnya hal itu? Dan apakah ada desain yang lebih dari sekadar "terlihat bagus?"

Fungsi Desain Pemasaran

Tanpa mengembara ke rumput liar, di mana kita akhirnya berbicara tentang mengapa pemanggang roti terlihat seperti pemanggang roti, mari kita jawab pertanyaan ini secara sederhana dalam istilah pemasaran. Mengapa desain penting dalam pemasaran?

Menurut saya, desain melakukan tiga fungsi utama dalam dunia pemasaran:

• Desain adalah panduan. Desain memandu orang-orang yang tertarik, atau mungkin hanya berpotensi tertarik, di perusahaan Anda untuk membuat koneksi dengan Anda. Desain yang bagus memperjelas apa informasi penting itu, dan memandu pengguna tentang apa yang Anda ingin mereka lakukan. Desain halaman web membantu menunjukkan kepada pengguna di mana harus mengklik dan bagaimana menavigasi. Desain tombol harus mengatakan "Saya tombol, klik saya."
• Desain adalah duta. Desain Anda mewakili perusahaan Anda. Logo Anda, situs web Anda, email… hal-hal ini sering kali menjadi hal pertama yang dilihat calon pelanggan saat mereka pertama kali mengetahui tentang perusahaan Anda. Sebagai duta besar, desain yang hebat membedakan Anda dari pesaing Anda. Ini mendefinisikan gaya visual Anda. Ini mengomunikasikan hal-hal yang membuat perusahaan Anda unik. Itu juga membangun kepercayaan. Orang-orang secara naluriah mempercayai situs web modern yang dirancang dengan baik daripada situs web jelek yang terakhir diperbarui pada tahun 2006.
• Desain adalah seorang penjual. Desain sebenarnya dapat melakukan beberapa pekerjaan menggerakkan orang melalui perjalanan pembeli. Desain membantu memajukan prospek, dari kesadaran ke pertimbangan hingga keputusan. Ini membentuk koneksi yang mendorong penjualan. Desain pemasaran masuk yang hebat menarik langsung ke persona pembeli Anda. Ini memicu minat dan menggerakkan prospek melalui perjalanan pembeli dengan mempertahankan minat itu dan menyoroti pembeda utama Anda.

Tiga C dari Desain Hebat

Jadi apa yang membuat desain hebat? Kami mengatakan sebelumnya bahwa itu lebih dari sekadar terlihat bagus. Jawaban paling sederhana yang dapat saya pikirkan untuk "apa yang membuat desain hebat?" terdiri dari tiga kata, yang secara kebetulan ajaib semuanya dimulai dengan huruf C.

• Desain bagus jelas . Kami tahu bahwa salah satu fungsi desain adalah untuk memandu audiens Anda ke mana Anda ingin mereka pergi, tidak hanya dari halaman ke halaman di situs web, tetapi juga dengan mengarahkan mata ke informasi penting. Desain yang baik melakukan ini secara efektif dengan menjadi sejelas mungkin. Anda tidak ingin pelanggan atau prospek Anda menebak-nebak di mana harus mengklik, atau melewatkan takeaway penting. Jadi kami ingin desainnya jelas.
• Desain yang bagus adalah bersih . Kurangi pesan Anda menjadi komponen-komponen esensialnya. Itu berarti menjaga jumlah kata dalam konten tertulis Anda seminimal mungkin, tetapi itu juga berarti menjaga konten desain Anda seminimal mungkin. Pangkas lemak dan pertahankan desain Anda tetap ramping.
• Desain hebat konsisten . Tentukan merek Anda melalui penggunaan logo, palet warna, font, dan gaya ilustrasi, ikon, atau fotografi Anda secara konsisten. Konsistensi dapat menjadi kekuatan yang kuat untuk menarik pembeli melalui perjalanan mereka.

Mari kita masuk ke masing-masing lebih dalam, dan melihat contoh dari apa yang kita bicarakan untuk masing-masing dari tiga kunci desain yang hebat ini.

{{cta('020a0931-6bf3-4f13-ab71-d8ec980446a9')}}

Contoh Desain Tidak Jelas

Mungkin yang terbaik adalah mendefinisikan apa itu desain yang jelas dengan melihat beberapa contoh desain yang tidak jelas . Hal ini dapat kita lihat dalam kehidupan sehari-hari …

Tombol mana yang harus diturunkan? Anda dapat menebak, dan Anda memiliki peluang 50/50, tetapi Anda tidak perlu menebak. Perancang tombol ini tidak memikirkan UI. Pastikan desain membuat hal-hal seperti ini lebih mudah dipahami, bukan lebih sulit.

Berikut adalah situs web untuk ... yah, perusahaan yang melakukan ... sesuatu. Saya tidak tahu dengan melihat ini. Trik untuk situs web ini adalah untuk membaca pesan, Anda harus mengarahkan mouse ke filter biru di kiri atas. Kemudian, Anda dapat melihat bahwa ia mengatakan:

Oh. Hah .

Maksudku, itu manis, kan? Tapi mereka sedikit mengakali diri mereka sendiri, bukan? Mereka telah membuatnya sehingga pengguna harus menghabiskan beberapa detik untuk melihatnya mencoba mencari tahu apakah mereka seharusnya dapat membacanya , atau jika mereka memiliki migrain okular yang datang. Kemudian, mereka harus mencari cara untuk mengarahkan mouse ke area tertentu untuk mengungkapkan pesan.

Semua agar mereka bisa berkata, “Oh. Hah .”

Itu saja yang akan dikatakan pengguna, bukan? "Oh. Hah.” Tapi saya jamin para desainer di Bolden semuanya saling tos ketika mereka membuat ini.

Jangan biarkan perancang web Anda, atau perancang dalam diri Anda, menjadi terlalu pintar untuk kebaikan Anda sendiri. Menjadi pintar itu baik, tetapi mereka seharusnya menemukan cara untuk menjadi pintar saat mengkomunikasikan pesan mereka secara instan, dan jelas.

Saya melihat gambar ini dan membaca semua itu dan masih tidak mengerti. Parkir satu jam di siang hari, tetapi apa yang terjadi setelah jam 6? Saya tidak tahu .

Kemudian kami memiliki arah khusus untuk hari Senin dan Minggu, lalu kami melompat kembali ke hari Jumat dan Sabtu. Bagaimana dengan hari-hari lainnya? Kurasa itulah gunanya tanda teratas, tapi aku tidak yakin.

Aku harus yakin. Dan seseorang yakin. Saya jamin petugas tiket di jalan ini tahu kapan mereka bisa menilang mobil, sampai menit. Seseorang yang tahu apa aturan di jalan ini pasti bisa menggunakan desain yang lebih jelas untuk mengomunikasikannya.

Apa yang mungkin lebih baik? Bayangkan sebuah meja dengan hari-hari dalam seminggu di bagian atas dan jam dalam sehari di bagian samping. Blok kode warna memberi tahu Anda kapan Anda bisa parkir. Jika Anda berada di hijau, Anda baik! Tanda seperti itu akan jelas, mudah dimengerti, dan memakan kurang dari setengah ruang tanda ini, hanya dengan menggunakan sebagian kecil kata.

Desain yang jelas hampir selalu berkomunikasi dengan cara yang paling sederhana.

Dan itu mengarah ke C: Clean kami berikutnya. Jadi sekali lagi mari kita coba mendefinisikannya dengan melihat contoh kebalikannya.

Kita semua mendapatkan hal-hal seperti ini melalui pos setiap hari. Apakah ada yang benar-benar melihat mereka? Saya kira seseorang melakukannya atau mereka tidak akan membuatnya. Sama seperti saya kira seseorang di luar sana membeli barang dari email spam dan robocalls . Siapa pun yang melakukan itu menghancurkan hidup orang lain. Tapi saya ngelantur …

Jadi di sini, kita tidak benar-benar tahu apa yang harus dilihat, bukan? Mataku tidak bisa terpaku pada satu hal, jadi mereka hanya berkaca-kaca. Ini adalah contoh ekstrem, tetapi ini merupakan potensi jebakan dalam segala hal yang kami desain. Rebus menjadi satu pesan. Komunikasikan pesan itu secara efektif. Itu desain yang bersih.

Beranda situs web ini adalah contoh yang tidak terlalu ekstrem, tetapi masih merupakan kasus di mana lebih bersih akan lebih baik. Gambar latar belakang yang sibuk, dengan semua warna dan teksturnya, telah membuat judul utama hampir tidak dapat dibaca. Mungkin lebih buruk lagi, apa yang seharusnya menjadi ajakan bertindak utama malah lebih tersembunyi! (Lihat "Belanja Sekarang" kecil di sebelah panah di sana?) Desain yang lebih bersih akan memastikan bahwa pesan-pesan penting ini tidak hilang.

Di sini kita memiliki latar belakang marmer yang benar-benar salah, logo aneh – salah satunya 3 kali! – dan setiap font dan warna primer cerah yang tersedia untuk desainer. Mari kita masukkan itu ke dalam kutipan menakut-nakuti. "Perancang."

Jadi saya tidak perlu memberi tahu Anda apa yang salah di sini. Itu hanya terlihat mengerikan. Dibutuhkan beberapa upaya serius hanya untuk mencari tahu untuk apa ini . Bagian dari desain bersih adalah membuat hierarki pesan Anda.

Pikirkan apa yang ingin diketahui audiens Anda. Pertama mereka ingin tahu apa yang kita bicarakan? Pesan satu harus "Pennington Hamfest Tahunan Pertama." Itu harus jauh lebih menonjol daripada yang lainnya.

Kemudian penonton bertanya “OK, apa itu?” Jadi itu harus menjadi yang kedua dalam urutan keunggulan, tetapi sebaliknya saya pikir jawaban itu tersembunyi di sini di sudut: “Ham Radio Swapmeet .” Sebelum siapa pun di luar sana menjadi bersemangat, saya minta maaf, Anda melewatkannya. Itu beberapa tahun yang lalu.

Informasi seperti itu – waktu dan tempat – harus menjadi tingkat ketiga yang menonjol. Dan seterusnya.

Anda dapat menggunakan desain untuk memandu audiens Anda melalui apa yang ingin mereka ketahui: “The Pennington Hamfest adalah pertukaran radio ham dan diadakan pada 2 Juni 2012.” Desain bersih tidak menghalangi itu, itu membuatnya lebih cepat dan lebih mudah.

Ini tidak dirancang dengan bersih, tetapi juga memberikan segmen yang bagus ke "C" kami berikutnya karena itu juga tidak sama sekali ...

Konsisten. Ini adalah "C" terakhir kita yang akan kita bahas, lalu kita akan masuk ke cara menerapkan tiga "C" desain hebat ini dalam perjalanan pembeli.

Jadi mari kita lihat gambar di atas dari sudut konsistensi.

Seperti yang saya katakan, banyak font muncul di sana. Semua bobot yang berbeda, semua warna yang berbeda, beberapa miring dan beberapa tidak, beberapa digariskan, beberapa dengan drop shadow. Sama sekali tidak ada konsistensi di sini. Seolah-olah setiap bagian teks "dirancang" sepenuhnya secara independen dari yang lainnya, lalu semuanya jatuh bersama di halaman.

Harus ada tampilan yang konsisten, maka semua desain harus muncul dari variasi kecil pada tampilan itu.

Aturan Desain yang Baik

Pada proyek apa pun, harus ada beberapa tingkat konsistensi. Tingkat teratas dan menyeluruh adalah konsistensi merek yang berlaku untuk semua hal yang dilakukan perusahaan. Menciptakan konsistensi pada dasarnya adalah tentang membuat aturan. Konsistensi merek dasar Anda akan terdiri dari, paling tidak, seperangkat aturan ini:

• Logo. Setiap perusahaan yang memiliki logo harus memiliki aturan tentang cara menggunakan logo tersebut. Jangan meregangkannya, jangan biarkan bagian-bagiannya terlepas, jangan menaruh ledakan bintang besar yang jelek di belakangnya, hal-hal seperti itu.
• Font. Dalam desain cetak, saya biasanya mengatakan bahwa Anda harus memilih hanya dua font. Untuk banyak aplikasi online, sebaiknya pilih satu saja. Kemudian Anda dapat menggunakan ukuran dan bobot yang berbeda dari satu font tersebut. Memilih satu keluarga font sangat membantu dalam membangun tampilan yang konsisten dan memungkinkan sedikit lebih banyak kreativitas di tempat lain.
• Palet warna. Jika Anda belum melakukannya, Anda harus menetapkan pedoman warna untuk merek Anda – menjadikannya bagian dari merek Anda. Ada banyak sumber yang akan membantu Anda memilih palet warna yang bekerja sama dengan baik, tergantung pada perasaan yang ingin Anda sampaikan atau suasana hati yang ingin Anda ciptakan.

Kemudian dengan proyek tertentu, katakanlah tawaran pemasaran masuk, Anda juga akan menciptakan konsistensi di dalamnya. Dengan mengingat konsistensi merek Anda, untuk setiap proyek, Anda harus…

• Tentukan tema.
• Buat tampilan berdasarkan tema itu.
• Dan atur gaya untuk gambar dan cara Anda menggunakannya. Ini bisa berarti memilih sekumpulan ikon yang berbagi tampilan yang konsisten atau tetap berpegang pada gaya fotografi tertentu.

Contoh Desain Pemasaran yang Hebat

Sekarang mari kita lihat contoh dari semua hal yang telah kita bicarakan, dalam tindakan. Kami akan melihat kampanye yang kami buat untuk buku komik pemasaran inbound yang kami buat di madison/miles media, (agen desain web). Kami menghabiskan waktu bertahun-tahun mengerjakan buku ini, jadi kami benar-benar ingin membuat kampanye di sekitarnya yang berhasil.

Bagaimana kami membuat kampanye penawaran masuk yang menggunakan desain untuk mendorong pembeli di sepanjang perjalanan mereka?

Mari kita mulai dengan tombol ajakan bertindak:

Sekarang mari kita lihat dan pastikan itu memenuhi kriteria kami untuk desain yang hebat. Pertama, apakah sudah jelas? Pesannya sederhana dan jelas: “Pelajari tentang pemasaran masuk dengan cara yang menyenangkan. Dapatkan buku komik gratis Anda.” Dan desain tidak menghalangi itu. Bahkan, ia mencoba membuat pesan lebih jelas, menekankan topik utama kami — pemasaran masuk — dengan mewarnainya dengan warna emas kami. Juga, kami memiliki "dapatkan buku komik gratis Anda" di dalam kotak, sehingga terlihat seperti tombol. Ingat, dalam desain yang jelas, kami ingin memandu pelanggan potensial ke arah kami. Membuat seluruh gambar CTA terlihat seperti tombol, atau membuat elemen seperti tombol di dalam gambar, membantu memandu prospek dengan mengatakan “klik di sini.”

Apakah bersih? Kami telah membatasi elemen kami: Kami memiliki karakter utama kami, beberapa teks sederhana dan langsung, dan gambar buku komik. Semua ini di atas latar belakang komik. Ini memberikan beberapa minat visual, tetapi tidak mengganggu sama sekali dengan elemen lainnya.

Apakah itu konsisten? Nah, ini adalah bagian pertama yang akan dilihat kebanyakan orang, jadi kami menetapkan tampilan di sini untuk bagian selanjutnya agar konsisten. Tapi, kami sudah membangun konsistensi dengan buku komik itu sendiri dengan menarik warna emas dari “WILD!” dalam judul, font yang kami gunakan untuk bagian "Drive Your Customers" dari judul dan font yang lebih tradisional dari sampul yang kami gunakan untuk subtitle. Itu Benton Sans, yang merupakan font merek media madison/miles utama kami. Kami menggunakannya untuk tombol "Dapatkan Buku Komik Gratis Anda".

Kami juga merupakan agensi desain majalah cetak, jadi Anda akan melihat font merek kami terwakili di berbagai bentuk pemasaran kami. Ini sangat penting untuk branding kami. Perusahaan harus selalu dapat dikenali, jadi ingatlah ini sepanjang perjalanan desain Anda.

Jadi, ya, kami konsisten dengan tampilan mapan perusahaan kami dan penawaran itu sendiri, dan kami menetapkan beberapa pedoman lain tentang bagaimana kami akan menggunakan elemen melalui bagian lain dalam kampanye kami.
Ini tombol CTA lainnya.

Yang ini dirancang untuk digunakan dalam email. Sekali lagi, kami memastikan desainnya…

• Jernih. Pesan sederhana, disampaikan dengan cara yang berfungsi untuk memandu pelanggan potensial dengan jelas ke arah kita.
• Membersihkan. Jumlah elemen yang terbatas, digunakan dengan cara yang meningkatkan dan tidak mengganggu pesan.
• Konsisten. Font, warna, dan citra yang sama dengan karya kami sebelumnya. Kami mengatur tampilan dan kami berpegang teguh pada itu.

Berikut halaman arahan.

Tentu saja, landing page adalah bagian yang sangat penting karena di sinilah kepercayaan dibangun. Pelanggan potensial akan memberi Anda beberapa informasi, dan, terutama akhir-akhir ini, mereka perlu memercayai Anda. Mengikuti prinsip desain "jelas, bersih, konsisten" kami adalah cara yang bagus untuk membangun kepercayaan itu. Halaman arahan yang dirancang dengan baik mengatakan "Anda berurusan dengan para profesional di sini."

Itu sudah jelas. Judul buku komik kami besar dan berpusat di bawah seni pahlawan. Sangat jelas apa yang diharapkan dari pengunjung. Isi tiga bidang formulir dan klik tombol besar yang mudah dilihat. Mudah.

Ini sangat bersih. Kami awalnya memiliki latar belakang biru muda ini. Hanya putih bersih yang akhirnya bekerja lebih baik. Tidak ada yang mewah di sini sama sekali, tetapi itu tidak diperlukan. Kami memiliki banyak elemen yang menarik secara visual hanya dengan seni buku komik kami.

Dan itu konsisten dengan CTA. Pencitraan dari sumber yang sama, satu-satunya hal adalah kami mengintip mereka di dalam buku komik sekarang. Anda mungkin memperhatikan bahwa kami juga telah memperkenalkan font lain, tetapi itu adalah font sekunder madison/mil dari situs web kami, Playfair Display. Jadi kami memasukkan sedikit dari itu sekarang, tetapi menjaga semuanya tetap konsisten dengan penampilan yang mapan. Kami juga memiliki bilah hijau di bagian bawah, yang merupakan media hijau madison/mil kami. Jadi sekali lagi, hanya memperkenalkan beberapa branding kami dengan cara yang sangat halus.

Dan sekarang kita sampai pada halaman terima kasih.

Sekali lagi, sudah jelas. Tombol besar untuk mengunduh penawaran konten. Ajakan bertindak sekunder yang sangat jelas membimbing pengunjung untuk sekarang belajar lebih banyak tentang siapa kita. Bersih. Kami memang menyimpan latar belakang biru di halaman ini, untuk sedikit membedakannya. Tapi itu sangat halus dan tidak mencolok. Dan akhirnya, itu konsisten. Warna, font, dan gambar yang sama.

Salah satu harapan dari halaman terima kasih adalah pengunjung akan mengikuti salah satu tautan tersebut. Kami ingin itu menjadi transisi yang mulus juga. Jadi, jika mereka mengklik untuk membuka halaman Sumber Daya di situs web kami, rasanya seperti kelanjutan dari perjalanan mereka.

Karena kami menggunakan hal-hal seperti font dan warna merek kami di sepanjang jalan, kami membangun konsistensi dengan merek kami dan membuat transisi yang mulus dari penawaran kami ke situs utama kami. Tidak ada yang menggelegar atau membingungkan dari segi desain, karena kami menghadirkan konsistensi merek itu dengan cara yang halus.

Jadi dengan menggunakan desain yang jelas, bersih, dan konsisten dalam pemasaran masuk kami, kami memperkuat perjalanan pembeli. Gunakan prinsip-prinsip yang sama ini dalam desain Anda untuk menggerakkan pelanggan potensial Anda ke jalur mereka untuk membuat koneksi dengan Anda.

madison/miles media diakui sebagai perusahaan pemasaran konten teratas di DesignRush.{{cta('1395b35c-b222-49d6-8bdd-fb2e45b05459')}}