Cara Mendesain Halaman Arahan yang Efektif

Diterbitkan: 2022-03-11

Halaman arahan dapat digambarkan sebagai situs web satu halaman yang mendorong pengunjung ke satu tindakan. Fokus pada satu tujuan ini adalah fitur utama yang membuat halaman arahan berbeda dari situs web lain.

Tujuan utama mereka adalah untuk menghasilkan prospek yang sering dikaitkan dengan email dan kampanye media sosial dan untuk mengubah prospek tersebut menjadi pembeli dan pelanggan. Proses mengubah pengunjung menjadi prospek dan pembeli biasanya dilakukan dengan tombol ajakan bertindak dan formulir pembuatan prospek.

Halaman arahan adalah halaman web tempat pengunjung Internet pertama kali tiba dalam perjalanan mereka ke tindakan penting yang Anda ingin mereka lakukan di situs Anda – Tim Ash, Pengoptimalan Halaman Arahan

Halaman arahan berasal sebagai tanggapan atas penjualan yang buruk yang dialami Microsoft dengan suite Office-nya dan telah berkembang ke titik di mana solusi pemasaran email, manajemen pelanggan, dan fitur penangkap prospek sekarang menjadi standar dan alat yang ampuh untuk mempertahankan dan memperoleh pelanggan melalui pemasaran dan teknik desain.

Meskipun merupakan bentuk akuisisi dan penjualan pelanggan yang sempit dan agak mendasar, halaman arahan terus menjadi salah satu alat paling ampuh yang digunakan pemasar.

Animasi desain halaman arahan
Desain halaman arahan oleh Dann Petty.

Halaman arahan yang efektif digunakan untuk konversi dan tugas berorientasi penjualan, seperti:

  • Mempromosikan produk baru
  • Daftar pelanggan yang terus bertambah
  • Meningkatkan penjualan dan prospek
  • Menangkap wawasan dan data melalui formulir

Praktik Terbaik Desain Halaman Arahan

Halaman arahan, meskipun sangat mirip dengan situs web umum, memiliki tujuan yang berbeda. Berikut adalah karakteristik utama yang membantu membuat halaman arahan terlihat bagus dan berkonversi dengan baik:

1. Kesederhanaan Visual

Kesederhanaan desain halaman arahan
Kesederhanaan visual ditampilkan di halaman beranda Conversionlab.

Kesederhanaan visual memperhitungkan semua elemen antarmuka pengguna halaman arahan. Mempertahankan kesederhanaan visual dan desain minimalis adalah penting karena meningkatkan fokus pengunjung dan membantu menampilkan proposisi nilai. Berikut adalah beberapa karakteristik kesederhanaan visual:

  • Kesederhanaan visual mempertahankan spasi putih yang memfokuskan pengunjung pada ajakan bertindak (CTA) dengan mengisolasi mereka dari elemen lain.
  • Kesederhanaan visual memudahkan fitur utama dan ajakan bertindak untuk menonjol.
  • Kesederhanaan visual menciptakan kontras dengan menampilkan elemen dengan cara yang membuatnya menonjol.
  • Kesederhanaan visual mempertahankan aliran desain dengan menempatkan elemen dengan cara yang mengarahkan pengguna untuk terus membaca.

2. Halaman Arahan yang Hebat Dimulai dengan Media yang Hebat

Gambar dan video yang tepat di halaman arahan akan membantu meyakinkan pengunjung untuk bertindak berdasarkan ajakan bertindak. Gambar yang bagus membantu menceritakan kisah, mendemonstrasikan produk secara efektif, dan menciptakan hubungan pribadi dengan pengunjung.

Fotografi tata letak halaman arahan
Fotografi yang menarik meningkatkan konversi di halaman arahan Uber.

Relevansi gambar yang ditampilkan sangat penting. Menampilkan gambar orang yang tampak ramah dan nyata alih-alih gambar stok umum membantu membangun kepercayaan dengan pengunjung. Menyertakan citra produk dan layanan yang relevan memberi pengunjung pemahaman yang lebih baik tentang apa yang mereka beli.

Penelitian tentang efek video pada halaman arahan menunjukkan bahwa video memiliki dampak yang lebih besar daripada gambar diam, di mana “71% responden mengonfirmasi bahwa video berkonversi lebih baik daripada konten lain.” Video membantu SEO, mempertahankan keterlibatan pengguna, dan menjelaskan produk atau layanan dengan lebih baik kepada pengunjung. Faktor lain yang mendukung video adalah jika digunakan dengan baik, mereka dapat menggantikan salinan panjang lebar yang berpotensi merusak konversi.

3. Pentingnya Warna

Penelitian menunjukkan bahwa warna adalah pengaruh besar pada psikologi kita—pada cara kita merasa dan bertindak. Palet warna yang tepat meningkatkan antarmuka pengguna dan membantu memandu perilaku pengguna, sehingga meningkatkan konversi halaman arahan.

Animasi desain halaman arahan
Penggunaan warna yang bagus pada halaman arahan oleh Mason Yarnell untuk Mixpanel.

Berikut adalah beberapa tips tentang cara menggunakan warna secara efektif:

  • Pahami cara menggunakan warna tinggi dan rendah yang memungkinkan terciptanya kontras tinggi, yang secara langsung terkait dengan keterbacaan salinan.
  • Buat palet warna yang terdiri dari kombinasi warna yang kompatibel dan dibangun di atas warna komplementer/berlawanan.
  • Alamat warna dari perspektif psikologi dan pemasaran. Tergantung pada produk/layanan, gunakan warna yang menyampaikan pesan yang tepat (misalnya, hijau adalah warna yang menyampaikan keamanan, kepercayaan, dan ketenangan, dan oleh karena itu, penggunaannya paling tepat untuk produk yang berhubungan dengan keuangan).
  • Pertimbangkan simbolisme warna saat menargetkan demografi yang berbeda. Berbagai budaya menginterpretasikan warna secara berbeda, jadi apa yang berhasil untuk satu basis pengguna mungkin tidak bekerja untuk yang lain.
  • Pahami bahwa interpretasi warna bervariasi dari satu jenis kelamin ke jenis kelamin lainnya, dan tidak ada solusi “anti peluru” dalam memilihnya.

Cara membuat halaman arahan dengan animasi
Warna digunakan dengan baik pada halaman arahan oleh Balkan Brothers.

5. Desain Responsif Halaman Arahan

Sudah beberapa tahun sejak situs web responsif menjadi standar di industri ini, dan halaman arahan tidak terkecuali. Laman landas responsif dimaksudkan untuk memberikan tingkat pengalaman pengguna dan UI yang sama di perangkat seluler seperti pada tata letak layar penuh.

desain halaman arahan responsif

Pembelian online yang dilakukan dari perangkat seluler tumbuh, sehingga ponsel akan segera menjadi sumber utama lalu lintas untuk belanja dan pembelian yang dilakukan secara online. Karena laman landas berorientasi pada konversi, penting untuk memahami potensi pemirsa seluler dan beradaptasi dengan corong lalu lintas tersebut.

Berikut adalah grafik yang menunjukkan persentase pengguna seluler dalam hal statistik desain responsif halaman arahan:

statistik desain responsif halaman arahan penggunaan seluler

Meskipun sebagian besar layanan yang menyediakan halaman arahan telah mengintegrasikan responsivitas ke dalam template mereka, jika keputusan dibuat untuk mendesain halaman arahan yang berdiri sendiri, maka praktik terbaik desain halaman arahan menuntut bahwa responsif adalah keharusan mutlak. Inilah alasannya:

  • Tata letak responsif menawarkan fitur dan paritas konten seperti pada halaman arahan utama.
  • Halaman arahan responsif mendapat manfaat dari sejumlah besar lalu lintas yang berasal dari ponsel dan tablet.
  • Halaman arahan responsif terintegrasi dengan baik dengan kampanye SMM yang mengarahkan lalu lintas.
  • Halaman arahan responsif lebih mudah dibuat karena kompleksitas tata letak yang berkurang.

Konten – Landasan Halaman Arahan yang Hebat

1. Judul yang Menarik dan Ringkas

Judul adalah hal pertama yang dilihat pengunjung ketika mereka mencapai halaman arahan dan merupakan cara yang efektif untuk melibatkan pengunjung. Pertimbangkan judul sebagai "pengait" yang menangkap atau kehilangan pengunjung.

Anda akan kehilangan pembaca jika Anda tidak melibatkan mereka dalam beberapa detik pertama mereka berada di halaman arahan Anda. Selain membuat kesan, judul—sebagai elemen yang paling menonjol—harus menyampaikan pesan penting dan proposisi penjualan yang unik.

Tata letak halaman arahan yang efektif dengan tajuk konversi tinggi
Judul yang menarik dan ringkas di halaman arahan Taster's Club.

Judul halaman arahan yang efektif adalah:

  • Persuasif dan menarik
  • Singkat tapi jelas, dan nyatakan masalah apa yang dipecahkannya
  • Menyampaikan rasa urgensi

2. Ajakan Bertindak yang Kuat

Tombol ajakan bertindak adalah komponen inti dari halaman arahan yang bagus dan bertindak sebagai pintu gerbang utama antara produk atau layanan Anda dan pengguna.

Tombol ajakan bertindak halaman arahan yang efektif
Lyft memanfaatkan ajakan bertindak yang cerah.

Anda dapat meningkatkan "permainan tombol" CTA Anda dengan menerapkan kiat-kiat ini:

  • Simpan di paro atas dan beri penekanan pada CTA utama. Selalu permudah pengunjung untuk melakukan tindakan yang diinginkan.
  • Gunakan citra sugestif dan isyarat visual untuk mengarahkan pengunjung ke CTA.
  • Gunakan warna yang kuat dan cerah yang akan membuat tombol CTA menonjol dengan menciptakan kontras.
  • Gunakan frasa alami dan dapat ditindaklanjuti untuk ajakan bertindak Anda, seperti "Mulai Sekarang", dan "Dapatkan Penawaran Gratis Sekarang". Hindari menggunakan frasa sederhana seperti “kirim” dan “kirim” karena tidak seefektif dalam hal konversi.

3. Aspek Psikologis

Setiap orang tunduk pada prinsip dan aturan psikologis. Motivasi, keinginan, keyakinan, dan bias orang mengarahkan mereka untuk membuat pilihan tertentu. Pilihan-pilihan ini sangat dipengaruhi oleh berbagai faktor, sadar atau tidak sadar, dan ada beberapa cara untuk memengaruhinya:

  • Manfaatkan gambar empatik yang relevan dengan konteks pengguna. Ini memungkinkan koneksi yang lebih baik pada tingkat emosional dan menyampaikan perasaan empati kepada pengguna.
  • Elemen kunci pada halaman arahan, seperti judul dan tombol ajakan bertindak, harus menciptakan nilai dan rasa urgensi bagi pengguna. Ini dapat dicapai dengan menulis salinan yang sesuai dan menggunakan warna yang kontras.
  • Widget seperti lencana kepercayaan, peringkat, dan penghargaan harus ditampilkan di paro atas. Ini menunjukkan rasa percaya.
  • Menampilkan testimonial yang relevan berfungsi sebagai bukti sosial bagi pengunjung dan meningkatkan kredibilitas dan kepercayaan.
  • Menampilkan logo dan merek yang telah terlibat dengan layanan atau produk membantu membangun kepercayaan melalui bukti sosial.

Kesaksian desain halaman arahan
Penggunaan bukti sosial di halaman arahan Unbounce.

4. Penggunaan Orang di Halaman Arahan

Selain berbagai aspek psikologis yang dapat digunakan untuk memaksimalkan halaman arahan, menggunakan orang dan wajah ramah adalah teknik yang terbukti untuk konversi halaman arahan yang lebih tinggi.

Menggunakan gambar orang sehari-hari yang nyata alih-alih objek atau gambar stok membantu menciptakan hubungan yang lebih pribadi dan memperoleh lebih banyak empati dari pengunjung. Karena orang biasanya membuat keputusan pada tingkat emosional dan bawah sadar, menciptakan hubungan emosional melalui gambar adalah teknik yang sangat kuat.

Konversi tata letak halaman arahan
Highrise meningkatkan konversi mereka dengan menggunakan orang-orang yang ramah di halaman arahan mereka.

Studi yang mengeksplorasi penggunaan gambar manusia dalam desain web menemukan bahwa situs web yang menyertakan fitur wajah merangsang persepsi bahwa situs web tersebut dapat dipercaya dan karenanya lebih menarik.

Integrasi gambar halaman arahan yang efektif
Pemilik karisma pada Perintah menunjuk ke ajakan bertindak, yang meningkatkan konversi.

Cara hebat lainnya untuk menarik perhatian ke CTA adalah dengan menggunakan gambar orang yang melihat berita utama dan tombol ajakan bertindak. Teknik ini memudahkan pengguna untuk melihat CTA penting dan mengarah ke halaman arahan dengan konversi lebih tinggi.

Kesalahan Umum dalam Desain Halaman Arahan

1. Tidak Ada Gambar atau Grafik Berkualitas Rendah

Sebuah gambar bernilai seribu kata. – Peribahasa

Penelitian telah menunjukkan bahwa orang melihat gambar lebih baik, dan simbol lebih dari 1.000 kali lebih cepat daripada teks, menekankan perlunya menggunakan gambar dan video berkualitas. Gambar generik, pixelated, tanggal dan stok fotografi akan merusak kredibilitas, mengurangi kepercayaan, dan membuat halaman arahan kurang otentik di mata pembaca.

2. Tata Letak Halaman dengan Terlalu Banyak Konten dan Kompleksitas

Halaman arahan dimaksudkan agar mudah digunakan dan cepat dipahami. Tata letak yang terlalu rumit untuk digulir, sulit dipindai, dan kelebihan beban dengan elemen UI jarang memberikan nilai dan secara dramatis mengurangi konversi laman landas. Keputusan untuk menggunakan elemen situs web umum seperti bilah navigasi, footer, dan elemen serupa harus dibuat berdasarkan kasus per kasus.

Desain halaman arahan yang terlalu rumit
Tata letak kompleks yang dipenuhi dengan "kebisingan" – terlalu banyak teks dan informasi.

Memahami perspektif pengguna mengungkap kelemahan dalam desain secara lebih efektif, membantu membuat aliran halaman lebih intuitif, dan proses pemindaian halaman arahan menjadi lebih mudah.

Pengujian A/B halaman arahan adalah cara yang baik untuk mengumpulkan wawasan yang dapat diterapkan untuk meningkatkan tata letak halaman arahan. Pilihan lainnya adalah menggunakan teknik desain UX berbasis bukti, seperti tata letak pola Berbentuk F dan Berbentuk Z.

Jenis tata letak ini telah dianalisis secara menyeluruh dan didukung dengan data yang menunjukkan pola interaksi pengguna yang umum. Ke depannya, menerapkan data dari penelitian sangat meningkatkan kemampuan pengguna untuk berinteraksi dengan konten halaman arahan.

Desain halaman arahan yang minimalis dan sederhana
Desain halaman arahan moncong yang sederhana namun efektif.

3. Salinan yang Tidak Dapat Dipindai

Salinan yang baik di halaman arahan sangat penting untuk menciptakan pengalaman yang jelas dan intuitif bagi pengunjung. Salinan yang ditulis dengan baik tidak hanya sugestif tetapi juga menarik. Menulis salinan untuk halaman arahan sangat diminati karena pemasar, desainer, dan pemilik bisnis memahami nilai salinan yang bagus.

Prinsip penting dalam salinan yang berpusat pada pelanggan adalah mendongeng. Terlalu banyak teks, kesalahan tata bahasa, teks besar yang tidak terputus, dan nada membosankan dapat menyebabkan halaman arahan berkinerja buruk. Pengunjung akan lebih mempercayai Anda jika mereka merasa salinannya disesuaikan dengan mereka dan menceritakan kisah yang menarik.

Ringkasan

Halaman arahan pada dasarnya adalah tentang memperoleh dan mempertahankan pengunjung serta mengubahnya menjadi pembeli dan pelanggan, dan saat ini merupakan salah satu alat paling populer yang digunakan pemasar untuk mengumpulkan prospek.

Penggunaan berbagai teknik pemasaran dan desain dapat memiliki dampak yang kuat pada partisipasi pengguna. Teknik desain halaman arahan dan prinsip-prinsip psikologi yang diuraikan dalam artikel ini didukung oleh data nyata dan terbukti menjamin halaman arahan yang efektif, konversi tinggi, dan berorientasi pada hasil.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

  • eCommerce UX – Tinjauan Praktik Terbaik (dengan Infografis)
  • Pentingnya Desain yang Berpusat pada Manusia dalam Desain Produk
  • Portofolio Desainer UX Terbaik – Studi Kasus dan Contoh yang Menginspirasi
  • Prinsip Heuristik untuk Antarmuka Seluler
  • Desain Antisipatif: Cara Membuat Pengalaman Pengguna yang Ajaib