9 Ide Halaman Arahan untuk Meningkatkan Tingkat Konversi dan Penjualan Anda

Diterbitkan: 2017-10-10

"Imitasi adalah bentuk sanjungan yang paling tulus."

Pepatah terkenal itu berlaku dalam banyak hal, dan halaman arahan pasca-klik tidak berbeda.

Ini benar-benar normal (dan disarankan) untuk meninjau contoh halaman arahan pasca-klik perusahaan lain sebagai inspirasi untuk membuat halaman Anda yang paling siap untuk konversi.

Memahami bagaimana orang membaca konten online adalah komponen penting dari proses ini. Terutama ketika Anda mengetahui bahwa rata-rata rentang perhatian pengguna web adalah sekitar 6-8 detik dan Anda perlu membuat pengunjung tetap terlibat di halaman Anda selama detik-detik kritis tersebut.

Ada ratusan contoh halaman arahan pasca-klik untuk mendapatkan inspirasi. Faktanya, kami memiliki seluruh kategori blog yang didedikasikan untuk subjek dari beberapa merek paling terkenal di dunia.

Dalam artikel hari ini, kami akan menampilkan beberapa contoh yang menyoroti tip pengalaman pengguna, elemen penting dari kerangka halaman arahan pasca-klik, dan ide halaman arahan pasca-klik lainnya untuk menginspirasi desain Anda berikutnya.

Ide halaman arahan pasca-klik terbaik

Tambahkan ruang putih yang cukup

Ada banyak ide desain halaman web di gudang senjata Anda, tetapi ruang putih (alias ruang kosong atau ruang negatif) mungkin merupakan teknik yang paling kurang dimanfaatkan meskipun memiliki banyak tujuan. Tidak hanya membuat halaman Anda tampak lebih rapi dan lebih estetis, tetapi juga:

  • Meningkatkan keterbacaan
  • Meningkatkan fokus pada elemen penting
  • Memungkinkan pemahaman yang lebih besar dari penawaran Anda
  • Meningkatkan pengalaman pengguna

Mengetahui hal itu, mari kita bandingkan desain ruang putih pada dua halaman berbeda.

Ini salah satu dari Ashworth College yang jelas-jelas kekurangan ruang putih:

halaman arahan-ide-White Space-BAD-Ashworth College

Perhatikan bagaimana semuanya dijejalkan ke tengah halaman, sehingga sulit untuk memutuskan dari mana harus memulai navigasi? Hal ini dapat membuat pengunjung merasa kewalahan, membuat mereka meninggalkan halaman bahkan tanpa mengetahui tentang penawaran tersebut, apalagi melakukan konversi.

Sebaliknya, halaman arahan pasca-klik Mentor ini memiliki banyak ruang kosong:

Ada ruang yang cukup di sekitar judul dan deskripsi kecil, serta formulir pengambilan prospek. Bahkan ada cukup banyak ruang di antara bagian yang berbeda, membuatnya mudah untuk menavigasi halaman dan memahami penawaran dengan lebih baik. Setiap elemen halaman arahan pasca-klik menarik perhatian karena tidak dirangkai seperti halaman Ashworth College.

Contoh ini memberikan pengalaman pengguna yang lebih menyenangkan dan kemungkinan menghasilkan hasil konversi yang lebih baik.

Memasukkan isyarat visual eksplisit

Isyarat visual, atau petunjuk arah — baik eksplisit maupun implisit — keduanya membantu konversi halaman arahan pasca-klik karena memberi tahu pengunjung dengan tepat apa yang harus mereka perhatikan (seperti formulir dan tombol CTA Anda).

Pertama mari kita lihat isyarat eksplisit, yang lebih langsung dan dapat dengan mudah dikenali di halaman web.

Salah satu cara utama untuk memasukkan isyarat visual eksplisit ke dalam desain halaman arahan pasca-klik Anda adalah dengan menambahkan panah yang menunjuk ke elemen halaman yang paling penting, seperti formulir dan/atau tombol CTA.

Sage Intacct memperjelas apa yang mereka ingin Anda perhatikan dengan menyertakan panah oranye terang dari judulnya ke formulir:

halaman arahan-ide-Isyarat Eksplisit-Panah-Sage Intacct

Plus, panah pada tombol CTA menunjukkan bahwa ada konten tambahan di luar halaman ini setelah prospek mengklik tombol.

Berikut contoh lain dari TurnPro Properties, cocok untuk siapa saja yang mencari ide halaman arahan pasca-klik real estat. Ini memiliki panah oranye yang menunjuk ke tombol CTA, dan lingkaran biru di sekitar tombol untuk dorongan tambahan untuk mengklik.

Landing-page-ideas-Isyarat Eksplisit-Arrow-TurnPro Properties

Tatapan mata adalah salah satu ide halaman arahan pasca-klik terbaik untuk menambahkan isyarat visual eksplisit ke halaman arahan pasca-klik. Orang cenderung melihat apa yang dilihat orang lain, jadi jika seseorang di layar melihat formulir atau tombol CTA, pengunjung kemungkinan besar akan memperhatikan elemen tersebut juga. Teknik ini juga bagus untuk menambahkan daya tarik pribadi ke halaman Anda.

Sertakan petunjuk arah implisit

Isyarat arah implisit lebih halus daripada isyarat eksplisit, sering kali tidak diperhatikan oleh pengunjung, tetapi tetap sama efektifnya. Isyarat arah implisit yang paling umum termasuk ruang putih, enkapsulasi, dan kontras warna.

Mari kita periksa contoh dari BigMarker yang menyajikan ketiga jenis isyarat implisit:

halaman arahan-ide-Isyarat Implisit-Enkapsulasi-BigMarker

Ruang putih yang mengelilingi setiap elemen pada halaman membantu menarik perhatian ke elemen tersebut. Itu karena, tanpa fokus apa pun di dekatnya, pengunjung dipaksa untuk melihat apa yang Anda inginkan. Ada juga banyak ruang kosong di antara setiap bagian halaman, yang sekali lagi, membuat navigasi lebih lancar dan pemahaman yang lebih baik.

Enkapsulasi formulir dengan kontras warna membuatnya “muncul” di halaman, dan kemungkinan akan menghasilkan lebih banyak konversi.

Terakhir, kontras warna antara latar belakang gelap dan bentuk putih khususnya — membantu menarik perhatian yang meningkat ke area khusus ini.

Buat formulir keikutsertaan dua langkah

Membujuk pengunjung untuk melengkapi formulir pengambilan prospek adalah salah satu tantangan terberat pemasar digital. Meskipun, ada teknik tertentu untuk meningkatkan peluang konversi.

Salah satu caranya adalah formulir keikutsertaan dua langkah, bukan formulir sederhana di halaman.

Formulir keikutsertaan dua langkah muncul di jendela pop-up, hanya setelah prospek mengklik tombol CTA. Mereka efektif karena mereka memecah proses konversi menjadi dua bagian: fase informasi (pra-bentuk) dan fase komitmen (pasca-bentuk). Dengan pemisahan ini, prospek tidak terintimidasi oleh formulir dalam fase informasi, dan mereka hanya dapat fokus mengumpulkan informasi dan mempelajari penawaran Anda. Kemudian, setelah mereka memutuskan untuk melanjutkan dan mengklik tombol CTA, mereka melihat formulir — dan pada titik ini, itu jauh lebih menakutkan.

Tablo memahami hal ini. Lihat bagaimana mereka mendesain halaman mereka dengan formulir keikutsertaan dua langkah:

Landing-page-ideas-2-Langkah Keikutsertaan-Tabel

Setelah pengunjung meninjau halaman dan berkomitmen untuk menukarkan penawaran, mereka mengklik tombol CTA oranye “Dapatkan whitepaper”, dan disajikan dengan formulir ini:

halaman arahan-ide-2-Langkah Keikutsertaan-Formulir-Tabel

Gunakan formulir multi-langkah

Selain keikutsertaan dua langkah, Anda juga dapat memecah formulir yang lebih panjang menjadi formulir multi-langkah, untuk membuat proses penyelesaian tidak terlalu menakutkan bagi prospek.

Lihatlah halaman arahan pasca-klik Qlik ini:

Landing-page-ideas-Formulir Multi-Langkah-BAD-Qlik

Lihat berapa panjang formulirnya? Kemungkinan tidak ada yang benar-benar ingin melengkapi semua bidang formulir tersebut, yang berarti Qlik dapat mengambil manfaat dari mendesain ulangnya sebagai formulir multi-langkah untuk mengurangi gesekan pada halaman.

AARP, di sisi lain, memiliki ide yang tepat. Mereka membuat formulir multi-langkah di halaman ini bagi prospek untuk meminta Panduan Keputusan gratis untuk Rencana Asuransi Tambahan AARP Medicare. Perhatikan juga bilah kemajuan di atas formulir. Ini adalah ide halaman arahan pasca-klik cerdas lainnya karena memungkinkan prospek mengetahui seberapa jauh mereka dalam proses pendaftaran:

Landing-page-ideas-Multi-Step Form-AARP

Memecah formulir menjadi dua langkah membantu membuatnya tidak terlalu mengintimidasi prospek. Ketika mereka tiba di halaman ini, mereka hanya dihadapkan dengan 7 bidang formulir, bukan semuanya sekaligus.

Gunakan kontras warna CTA

Banyak pemasar berpendapat bahwa tombol ajakan bertindak adalah elemen paling penting pada halaman arahan pasca-klik karena di situlah konversi terjadi. Rancang dengan benar dan tingkatkan konversi; mendesainnya dengan buruk dan berisiko pengabaian halaman.

Salah satu faktor terpenting yang perlu dipertimbangkan saat mendesain tombol CTA Anda adalah warna. Anda ingin kontras dengan warna lain pada halaman sehingga “muncul”, membuatnya semudah mungkin bagi pengunjung untuk berkonversi.

Berikut adalah beberapa contoh untuk menunjukkan ide tersebut.

Halaman arahan pasca-klik Salesforce ini menggunakan skema warna monokromatik:

halaman arahan-ide-tombol CTA-BAD-Salesforce

Kombinasi warna biru terlihat alami di mata, tetapi tidak bagus untuk membuat elemen halaman menonjol. Tombol menyatu dengan formulir — kebalikan dari apa yang Anda inginkan untuk tombol CTA Anda.

Sebaliknya, berikut adalah beberapa halaman dengan tombol CTA kontras warna yang cenderung menarik perhatian pengunjung tanpa masalah:

halaman arahan-ide-tombol CTA-InfoUSA

halaman arahan-ide-tombol CTA-Field Aware

halaman arahan-ide-tombol CTA-Promo Republik

Hindari menggunakan foto stok murahan

Anda tahu yang sedang kita bicarakan — gambar yang Anda lihat dan mau tidak mau memutar mata Anda karena sangat jelas dipentaskan. Seperti yang ini:

halaman arahan-ide-Stock foto-BAD-Bryan University

Kemampuan Anda untuk menghasilkan konversi sangat bergantung pada seberapa baik Anda dapat menciptakan emosi positif pada pengunjung Anda. Itu menjadi lebih sulit dengan foto stok yang tidak realistis.

Faktanya, MarketingExperiments menemukan bahwa dengan mengganti gambar stok dengan gambar pendiri perusahaan meningkatkan pendaftaran sebesar 35%:

studi foto halaman arahan-ide-saham

Sampai saat itu, Discover menyertakan gambar yang lebih realistis dan relatable di halaman arahan pasca-klik mereka:

halaman arahan-ide-Stock foto-BAIK-Temukan

Untuk tips dan trik lainnya dalam memilih stok foto terbaik untuk kampanye pemasaran Anda, unduh panduan baru ini.

Pilih video daripada teks

Ingat apa yang kami katakan di pendahuluan? Rentang perhatian rata-rata pengguna web adalah sekitar 6-8 detik.

Untungnya, menambahkan video ke halaman arahan pasca-klik Anda dapat membantu langsung melibatkan pengunjung Anda dan mempertahankan fokus mereka. Dengan menjelaskan penawaran Anda dengan cara yang lebih ringkas dan interaktif, video berpotensi meningkatkan total konversi Anda sebanyak 86%.

Video sangat ideal untuk menyampaikan UVP merek Anda karena prospek kemungkinan lebih suka menonton video 1 menit yang menarik daripada menggulir halaman arahan pasca-klik yang panjang.

Wistia mempromosikan UVP-nya dan banyak manfaat lainnya hanya dalam satu menit di halaman arahan pasca-klik ini:

halaman arahan-ide-Video-Wistia

Intercom juga menggunakan ide halaman arahan pasca-klik yang efektif ini:

halaman arahan-ide-Video-Intercom

Video mereka menyajikan perjuangan umum yang dihadapi pemasar saat ini dan kemudian menjelaskan bagaimana Kampanye Pintar Intercom adalah solusi hebat untuk semua masalah ini.

Membangun kepercayaan

Untuk membujuk prospek Anda harus terlebih dahulu mendapatkan kepercayaan mereka. Tiga jenis utama dari sinyal kepercayaan termasuk logo perusahaan, lencana keamanan, dan testimonial pelanggan. Bukan kebetulan, menambahkan sinyal kepercayaan telah menjadi salah satu ide desain halaman web paling umum untuk merek apa pun dengan kehadiran online.

Halaman arahan pasca-klik Smartsheet ini menggunakan ketiga jenis di seluruh halaman arahan pasca-klik mereka. Mari kita uraikan dari atas ke bawah.

Pertama, logo perusahaan menyoroti beberapa klien mereka yang paling terkenal:

halaman arahan-ide-Trust-Seals-Smartsheet

Kemudian, testimonial yang dikutip menunjukkan bagaimana perusahaan terkenal menggunakan Smartsheet (dengan logo mereka ditampilkan):

Landing-page-ideas-Trust-Testimonial-Logos-Smartsheet

Logo tambahan menunjukkan aplikasi populer apa yang mereka integrasikan:

Landing-page-ideas-Trust-Logos 2-Smartsheet

Kesaksian pelanggan — lengkap dengan foto kepala, nama lengkap, afiliasi, dan posisi — tepat di atas salah satu tombol CTA di halaman:

Landing-page-ideas-Trust-Testimonial-Smartsheet

Testimoni klien lain dengan logo merek terlampir:

Landing-page-ideas-Trust-Testimonial 2-Smartsheet

Lencana yang menampilkan penghargaan industri:

halaman arahan-ide-Trust-Seals-Smartsheet

Lebih banyak logo untuk mempromosikan liputan pers dan publisitas yang positif:

Landing-page-ideas-Trust-Logos 3-Smartsheet

Terakhir, segel kepercayaan untuk meningkatkan kredibilitas dan memberikan kepastian kepada prospek bahwa informasi pribadi mereka tidak akan dibagikan kepada pihak luar mana pun:

halaman arahan-ide-Trust-Seals-Smartsheet

Ide halaman arahan pasca-klik mana yang akan Anda tiru?

Muncul dengan ide-ide desain halaman arahan pasca-klik yang meyakinkan pengunjung bisa jadi sulit karena bahkan detail terkecil dapat secara substansial mempengaruhi tingkat konversi Anda. Itulah mengapa sangat dapat diterima — disarankan, sebenarnya — untuk melihat orang lain untuk inspirasi halaman arahan pasca-klik.

Ambil ide favorit Anda dari artikel ini dan mulailah membuat halaman arahan pasca-klik profesional dengan Instapage untuk setiap penawaran Anda. Daftar untuk demo Instapage Enterprise hari ini.