12 Teknik Inspirasi Desain Landing Page Pasca-Klik

Desain halaman arahan pasca-klik Anda penting, karena halaman ini adalah etalase digital Anda — penting untuk mempromosikan dan menjual produk dan layanan Anda. Ketika dioptimalkan dengan benar, halaman secara substansial dapat meningkatkan tingkat konversi. Karena mereka sangat penting untuk kesuksesan keseluruhan bisnis Anda, membuat halaman arahan pasca-klik yang profesional dan berkonversi tinggi merupakan bagian integral dari strategi pemasaran Anda.

Baik Anda sedang mencari inspirasi untuk halaman arahan pasca-klik aplikasi Anda, halaman arahan pasca-klik produk, halaman arahan pasca-klik seluler, atau yang lainnya. Ada banyak sekali berbagai inspirasi desain halaman arahan pasca-klik yang tersedia.

Di Instapage, kami memiliki seluruh kategori blog yang didedikasikan untuk contoh halaman arahan pasca-klik. Kami sering meneliti dan menulis tentang topik ini untuk memberikan inspirasi kepada audiens kami dari beberapa merek terbesar di dunia. Termasuk Microsoft, Lyft, Marketo, Kontak Konstan, Oracle, Facebook, MailChimp, dan HubSpot.

Dalam artikel ini, kami akan menampilkan beberapa halaman arahan pasca-klik, menyoroti beberapa teknik desain yang berbeda, untuk memberi Anda inspirasi saat membuat halaman Anda. Untuk setiap contoh, kita akan membahas apa yang dilakukan halaman dengan baik, dan apa yang dapat diuji A/B untuk menghasilkan hasil yang lebih baik.

inspirasi desain halaman arahan pasca-klik

Gambar pahlawan yang menarik

Manusia biasanya memproses gambar hingga 60.000 kali lebih cepat daripada teks. Ketika digunakan dengan benar di halaman Anda, gambar dapat memaksa pengunjung untuk terlibat dengan halaman Anda cukup lama untuk mengonversi penawaran Anda. Saatnya berhenti memberi tahu pengunjung Anda apa yang akan mereka dapatkan saat menukarkan penawaran Anda dan mulai menunjukkannya kepada mereka. Tembakan pahlawan membantu prospek untuk memvisualisasikan bagaimana rasanya merasakan manfaat dari penawaran Anda.

TaskEasy memahami hal ini, dan mereka memanfaatkan gambar pahlawan di halaman mereka. Begitu pengunjung tiba di halaman, mereka melihat sekilas seperti apa halaman rumput mereka jika mereka menyewa TaskEasy:

Apa yang dilakukan halaman dengan baik.

• Warna tombol CTA menonjol karena tidak digunakan di tempat lain di halaman, selain tombol Hubungi Kami.
• Salinan tombol CTA menggunakan orang pertama, yang membuat prospek merasa terhubung secara pribadi dengan penawaran tersebut.
• Petunjuk arah (panah pada tombol CTA dan panah yang mengarah ke bawah halaman) menunjukkan kepada pengunjung di mana mereka harus memusatkan perhatian mereka selanjutnya.
• Ikonografi membantu menarik perhatian pada fitur dan manfaat mempekerjakan TaskEasy.
• Sinyal kepercayaan dan bukti sosial (lencana keamanan, segel penghargaan, dan penghitung seperti Facebook) kemungkinan membuat prospek merasa nyaman, aman, dan bahkan terdorong untuk menyewa TaskEasy.
• Formulir kontak kami geser keluar memungkinkan pengunjung untuk dengan mudah menghubungi perusahaan untuk menanyakan tentang layanan mereka.

Apa yang harus diuji A/B:

• Logo TaskEasy memiliki hyperlink yang berarti pengunjung memiliki rute keluar yang mudah dari halaman.
• Tombol CTA Manajer Properti di bagian atas halaman membawa pengunjung menjauh dari halaman ini. Meskipun membuka halaman pengambilan prospek lain, itu harus memiliki kampanyenya sendiri, benar-benar terpisah dari yang ini.
• Menambahkan salinan akan membantu prospek lebih memahami manfaat bekerja dengan TaskEasy. Saat ini, tidak ada salinan di halaman tersebut, yang mungkin menyulitkan pengunjung untuk mendapatkan perasaan yang baik tentang perusahaan dan penawaran tersebut.
• Navigasi footer menyediakan terlalu banyak cara bagi pengunjung untuk keluar dari halaman tanpa mengonversi.
• Nomor telepon dapat mengaktifkan klik untuk menelepon, sehingga memudahkan pengunjung untuk menghubungi TaskEasy, terutama karena perusahaan mendorong mereka untuk menelepon dengan “Ingin menghubungi kami? Di sini!"

Poin peluru

Orang sering tidak ingin membaca teks tanpa akhir untuk menemukan apa yang mereka cari. Mereka lebih suka memindai halaman dengan cepat untuk menemukan informasi spesifik — salinan berpoin memungkinkan hal ini. Salinan berpoin (memanfaatkan tanda centang, panah, ikonografi, dll.) efektif karena memungkinkan pengunjung memindai halaman dengan cepat dan menemukan apa yang mereka cari.

Contoh Yodle ini menggunakan salinan berpoin (tanda centang) untuk menyoroti manfaat perangkat lunak mereka. Itu menonjol dari sisa salinan pada halaman dengan spasi putih juga:

Apa yang dilakukan halaman dengan baik.

• Logo Yodle tidak ditautkan ke beranda mereka, memungkinkan pengunjung untuk melihat halaman web siapa yang mereka buka tanpa risiko mereka mengeklik keluar dari halaman.
• Nomor telepon klik untuk menelepon memudahkan pengunjung untuk menghubungi perusahaan.
• Judul dan subjudul memberi tahu pengunjung tentang apa penawaran itu, dan bagaimana hal itu akan menguntungkan mereka.
• Salinan yang dicetak miring menonjol dari salinan lainnya, menarik pengunjung untuk membacanya.
• Formulir yang dienkapsulasi menarik perhatian, menunjukkan kepada pengunjung ke mana mereka harus pergi untuk meminta demo.
• “Demo yang Dipersonalisasi” membuat prospek merasa bahwa penawaran tersebut khusus untuk mereka.
• Warna tombol CTA oranye r "muncul" pada halaman, menarik perhatian dan meningkatkan kemungkinan orang akan mengklik.
• Panah pada tombol CTA bertindak sebagai petunjuk arah, membangkitkan minat orang pada apa yang ada di balik formulir.
• Sinyal kepercayaan (kesaksian pelanggan, logo perusahaan, dan stempel penghargaan) meningkatkan tingkat kepercayaan yang dimiliki prospek terhadap Yodle, yang membantu membujuk pengunjung untuk mengisi informasi pribadi mereka.

Apa yang harus diuji A/B:

• Salinan tombol CTA tidak dipersonalisasi dan mungkin tidak meyakinkan banyak pengunjung untuk mengklik. Mengubahnya menjadi sesuatu seperti, "Saya Ingin Demo" atau "Jadwalkan Demo Saya" mungkin menghasilkan hasil yang lebih baik.
• Termasuk headshot dengan pelanggan, testimonial akan membuatnya tampak lebih menarik, menanamkan lebih banyak kepercayaan pada prospek.
• Cetakan halus di footer dapat membanjiri prospek dan menghalangi mereka untuk berkonversi.

Pola-F

Saat mendesain halaman Anda, pikirkan bagaimana kemungkinan besar pengunjung Anda melihat halaman Anda. Dengan begitu, Anda dapat menempatkan elemen terpenting Anda sesuai dengan itu. Karena orang cenderung membaca dari atas ke bawah dan dari kiri ke kanan, mendesain halaman Anda untuk mengikuti F-Pattern itu cerdas.

Halaman arahan pasca-klik demo Oracle di bawah ini mengikuti tata letak Pola-F yang berbeda. Setiap elemen penting terletak di sepanjang jalur F-Pattern di mana pengunjung secara alami akan melihat saat melihat halaman.

1. Pemirsa pertama-tama akan melihat gambar komputer di sudut kiri atas.
2. Mata mereka kemudian akan mengikuti batang horizontal dan kemudian melihat orang-orang tersenyum.
3. Pindah ke sisi kiri halaman ke batang horizontal berikutnya, pengunjung akan memusatkan perhatian mereka pada judul dan kemudian ke bidang formulir tunggal.
4. Selanjutnya, mereka akan melanjutkan Pola-F ke bawah batang vertikal, di mana mereka akan memindai paragraf teks dan poin-poin.
5. Akhirnya, fokus mereka akan berakhir pada tombol CTA merah terang.

Apa yang dilakukan halaman dengan baik.

• Orang yang tersenyum membuat halaman lebih manusiawi, yang kemungkinan akan membuat pengunjung merasa lebih nyaman.
• Poin-poin dan salinan tebal menarik perhatian pada fitur utama penawaran.
• Formulir 1 bidang membuatnya cepat dan mudah untuk diisi.
• Tatapan mata pengunjung diarahkan ke formulir dan tombol CTA, yang menyiratkan bahwa mereka harus fokus di sana dan mengubahnya.

Apa yang harus diuji A/B:

• Gambar produk bisa lebih besar. Saat ini, sulit untuk melihat apa pun di layar.
• Judulnya tidak persuasif karena tidak memberikan informasi apa pun kepada pengunjung tentang bagaimana penawaran itu akan menguntungkan mereka.
• Salinan tombol CTA lemah. "Lanjutkan" tidak mengatakan apa pun tentang tawaran itu dan tidak menarik untuk diklik.
• Menyertakan bukti sosial , seperti testimoni pelanggan, dapat meningkatkan kredibilitas perusahaan dan penawarannya.
• Tautan navigasi footer dapat mengalihkan perhatian pengunjung, menjauhkan mereka dari halaman, dan kemungkinan mengurangi tingkat konversi.

Z-Pola

Seperti F-Pattern, Z-Pattern juga membantu pemirsa menavigasi halaman Anda, menjadikannya opsi tata letak hebat lainnya untuk desain halaman Anda.

Berikut adalah contoh dari Business-Software.com yang mengikuti Z-Pattern yang jelas.

1. Pengunjung pertama-tama akan melihat tajuk tebal di sudut kiri atas.
2. Bergerak di sepanjang batang Z horizontal atas, mereka tiba di cap merah "Daftar untuk Mengunduh".
3. Bergerak secara diagonal ke bawah dan ke kiri bawah, pemirsa akan memusatkan perhatian mereka pada gambar laporan.
4. Akhirnya, mereka akan melengkapi Z-Pattern dengan batang horizontal lainnya, di mana mereka akan berakhir di elemen halaman yang paling penting — tombol CTA.

Apa yang dilakukan halaman dengan baik.

• Logo di kiri atas tidak ditautkan sehingga pengunjung tidak langsung terganggu dan dibawa pergi dari halaman.
• Judul dan subjudul efektif untuk memberi tahu pengunjung bahwa laporan ini menawarkan 10 vendor otomatisasi pemasaran teratas dan memberi tahu mereka bagaimana mereka dapat memperoleh manfaat dari mengunduh laporan.
• Poin-poin dengan salinan minimal memungkinkan pemirsa untuk memindai halaman dengan cepat dan mempelajari takeaways utama tanpa harus membaca banyak teks.
• Kata "bebas" digunakan di dua tempat. Pada cap merah, yang dikelilingi oleh spasi putih dan sangat menarik perhatian, dan pada salinannya, yang dicetak tebal dan tepat di atas gambar.
• Pratinjau laporan memungkinkan prospek untuk melihat sekilas seperti apa laporan tersebut, jika mereka memilih untuk mengunduhnya.
• Tombol CTA kuning sangat kontras dengan halaman lainnya, kemungkinan membuat lebih banyak pengunjung mengkliknya.

Apa yang harus diuji A/B:

• Logo perusahaan di sudut kanan bawah ditautkan ke beranda mereka yang memberi pengunjung jalan keluar dari halaman sebelum mengonversi penawaran.
• 13 bidang formulir banyak untuk tawaran dalam tahap kesadaran saluran pemasaran. Meminta begitu banyak informasi di awal perjalanan pembeli dapat dengan mudah menghalangi orang untuk berkonversi.
• Meningkatkan ruang putih di sekitar elemen terpenting. Seperti gambar dan tombol CTA akan lebih menarik perhatian mereka dan menarik pengunjung untuk mengunduh laporan.
• Menambahkan bukti sosial kemungkinan akan meyakinkan lebih banyak prospek untuk berkonversi. Karena itu akan membuat mereka merasa lebih nyaman dan bersemangat tentang ide bekerja dengan Business-Software.com.
• Footer halaman dapat dihapus. Cetakan kecil tampaknya tidak perlu, dan logo perusahaan bertindak sebagai tautan keluar, membawa pengunjung menjauh dari halaman ini.

Ruang putih

Cara lain untuk membujuk pengunjung agar memusatkan perhatian mereka adalah dengan menambahkan ruang putih. Dengan menyertakan ruang putih yang cukup di sekitar elemen tertentu, elemen tersebut lebih menonjol di halaman.

Selain meningkatkan fokus pada elemen tertentu, ruang putih juga membantu.

• Kurangi kekacauan
• Jadikan halaman Anda menyenangkan secara estetika
• Meningkatkan keterbacaan dan pemahaman
• Tingkatkan pengalaman pengguna

Lihatlah semua ruang putih yang mengelilingi formulir penangkapan prospek dalam contoh MarcomCentral di bawah ini. Perhatikan bahwa ruang di sekitar formulir tidak benar-benar putih. Ruang putih bisa berwarna apa saja asalkan membantu memisahkan elemen halaman yang berbeda dan kontras dengan elemen yang disorotnya. Dalam hal ini, bentuk:

Apa yang dilakukan halaman dengan baik.

• Nomor telepon klik untuk menelepon memberi pengunjung cara yang nyaman untuk menghubungi layanan pelanggan.
• Video berdurasi 50 detik memungkinkan calon pelanggan memperoleh informasi dengan cepat dan mudah tanpa harus membaca salinannya.
• "Gratis" dalam bentuk judul dan tombol CTA pertama adalah salinan yang sangat persuasif karena semua orang menyukai gratis. Menambahkan salinan yang dipersonalisasi dapat membuat halaman ini lebih persuasif.
• Anchor tag membawa pengunjung langsung kembali ke formulir saat diklik, sehingga memudahkan mereka untuk menemukan dan melengkapinya.
• Bukti sosial menanamkan kepercayaan dan keyakinan pada pengunjung. Termasuk headshots dengan testimonial pelanggan akan menambah nilai lebih.
• Gambar di bagian "Cara Kerjanya" memungkinkan prospek untuk memahami lebih baik dan membayangkan apa yang dijelaskan setiap langkah.

Apa yang harus diuji A/B:

• Logo perusahaan hyperlink berpotensi membawa pengunjung menjauh dari halaman bahkan sebelum mereka melihat keseluruhan penawaran.
• Judul harus diubah karena meskipun besar dan menonjol, itu tidak menarik. Karena tidak memberikan keuntungan apapun bagi prospek.
• Tombol CTA oranye tidak terlalu menonjol karena oranye digunakan beberapa kali di seluruh halaman.
• Tombol media sosial di bagian bawah halaman dapat mengalihkan perhatian pengunjung dan mencegah mereka melakukan konversi.

Tag jangkar

Tautan jangkar ke lokasi lain di halaman yang sama, memungkinkan pengunjung melompat ke bagian halaman tertentu tanpa harus menggulir. Karena tautan jangkar membawa pengunjung ke tempat yang mereka inginkan tanpa banyak usaha, tautan jangkar membantu meningkatkan pengalaman pengguna secara keseluruhan, yang membantu proses konversi.

PRWeb menyertakan dua tag jangkar di halaman mereka — keduanya “Mulai Sekarang!” Tombol CTA di paruh bawah. Yang ketika diklik, mengirim pengunjung kembali ke formulir tangkapan prospek di paro atas:

Apa yang dilakukan halaman dengan baik:

• Judulnya spesifik dan menggunakan salinan orang kedua — dua kualitas yang bagus untuk membujuk pengunjung agar membaca lebih lanjut tentang penawaran dan akhirnya berkonversi.
• Enkapsulasi formulir membuatnya lebih menarik perhatian, yang kemungkinan akan menarik prospek untuk melengkapinya.
• Membiarkan kotak keikutsertaan pada formulir tidak dicentang membuat prospek merasa bebas untuk membuat keputusan sendiri, daripada PRWeb membuat keputusan untuk mereka.
• Gambar dan salinan yang diformat di bagian "Bagaimana" dan "Mengapa" menarik perhatian pada detail terpenting tentang cara kerja PRWeb dan mengapa prospek harus memilih PRWeb.

Apa yang harus diuji A/B:

• Tautan keluar (logo perusahaan, tombol media sosial, dan navigasi footer) semuanya dapat membawa orang keluar dari halaman tanpa mengonversi.
• Salinan berpoin bisa lebih menonjol. Membuat indentasi atau memperbesar panah akan menarik lebih banyak perhatian padanya.
• Gambar panduan terpotong, yang membuatnya tampak seperti kesalahan desain. Itu juga dapat diklik, tetapi ketika gambar terbuka, itu masih bukan gambar penuh atau lebih besar.
• Bidang 7 formulir mungkin mengintimidasi pengunjung dan menghalangi mereka untuk mengisi formulir. Apalagi mereka kemungkinan besar masih dalam tahap pertimbangan perjalanan pembeli.
• Warna tombol CTA (dari ketiga tombol) tidak menonjol karena warna merah dan biru digunakan di seluruh halaman.
• Salinan tombol CTA (sekali lagi, pada ketiga tombol) tidak jelas. Sesuatu seperti, "Saya ingin Panduan Pemasaran!" lebih menarik dan kemungkinan akan menghasilkan lebih banyak klik.
• Kesaksian pelanggan tidak dioptimalkan. Tidak ada foto kepala Craig Kasnoff, tidak ada nama perusahaan (dan tidak boleh ada koma setelah Konsultan Media), dan kesaksian itu sendiri tidak mengatakan sesuatu yang spesifik untuk mendorong prospek bekerja dengan perusahaan juga.

GIF

Memasukkan media ke halaman arahan pasca-klik Anda (dalam bentuk gambar, video, atau GIF) dapat membantu meningkatkan konversi karena mereka menjelaskan produk atau layanan Anda, sekaligus membuat halaman Anda lebih menarik secara visual.

GIF adalah gambar animasi yang membantu menjelaskan penawaran Anda secara lebih interaktif. Jadi daripada menambahkan gambar statis ke halaman Anda, seperti tangkapan layar dari tampilan dasbor perangkat lunak Anda, tambahkan GIF untuk menunjukkan secara visual bagaimana prospek dapat melakukan tindakan yang berbeda.

ActiveCampaign melakukan ini di halaman mereka:

Apa yang dilakukan halaman dengan baik.

• Judul dan subjudulnya menarik. Judul menggunakan salinan orang kedua, dan subjudul melengkapi judul dengan baik, memberi tahu prospek bahwa lebih dari 150.000 pemasar lain menggunakan ActiveCampaign.
• “Tidak perlu kartu kredit” meyakinkan pengunjung bahwa penawaran ini sepenuhnya gratis.
• Hanya dua bidang formulir yang memungkinkan lebih banyak prospek akan mengisi formulir.
• Kesaksian pelanggan sangat bagus untuk menambahkan bukti sosial, tetapi pegangan Twitter dapat membawa pengunjung keluar dari halaman tanpa mengonversi terlebih dahulu.
• Formulir bergulir dan tombol CTA meningkatkan peluang pengunjung mengambil tindakan karena terlihat di mana pun mereka berada di halaman.

Apa yang harus diuji A/B:

• Tombol CTA tidak menonjol. Warnanya menyatu dengan sisa warna biru pada halaman, dan salinannya tidak mengesankan.
• Salinan di bawah tombol CTA mengatakan "Dengan mengklik 'Buat'..." tetapi tombol CTA tidak mengatakan 'Buat.'
• Tautan navigasi di footer dapat dengan mudah mengalihkan pengunjung dari tujuan halaman.

isyarat visual

Isyarat visual memainkan peran besar dalam desain halaman arahan pasca-klik. Karena mereka membantu mempertahankan hierarki visual, membuat pengunjung tetap terlibat, dan mengarahkan mereka ke arah elemen penting. Tiga isyarat visual yang umum digunakan termasuk panah, tatapan mata, dan objek yang ditempatkan secara strategis, semuanya menunjuk ke arah elemen yang merupakan bagian integral dari tujuan konversi Anda.

panah

Panah sering digunakan pada halaman arahan pasca-klik karena sederhana, lugas, dan mudah dipahami. Mereka dapat berupa animasi atau stasioner, dan paling sering digunakan untuk mengarahkan pengunjung ke formulir pengambilan prospek, dan tombol CTA, seperti yang dilakukan Bridgeline Digital dalam contoh ini:

Apa yang dilakukan halaman dengan baik.

• Menyertakan statistik tentang peningkatan rasio konversi kemungkinan akan menarik minat pengunjung pada otomatisasi pemasaran. Selain itu, pemformatan tebal membantu menarik perhatian.
• "Gratis" disebutkan di dua tempat berbeda, menekankan bahwa prospek tidak perlu membayar untuk whitepaper ini.
• Salinan berpoin memudahkan prospek untuk mengetahui isi whitepaper mereka, tanpa harus membaca blok teks.
• Tombol CTA oranye menonjol dan berkoordinasi dengan baik dengan judul formulir dan panah.
• Logo perusahaan menambah nilai kepercayaan ke halaman, membuat pengunjung berpikir, “Jika perusahaan terkenal ini bermitra dengan Bridgeline Digital, maka saya juga harus demikian.”

Apa yang harus diuji A/B:

• Logo perusahaan hyperlink dan tautan footer memberi pengunjung jalan keluar dari halaman, kemungkinan meningkatkan rasio pentalan.
• Menambah ruang putih di sekitar gambar produk akan membuatnya lebih menonjol.
• Salinan tombol CTA perlu ditingkatkan, karena tidak ada yang meyakinkan tentang "Unduh Whitepaper." Menambahkan salinan berorientasi manfaat dan/atau orang pertama kemungkinan akan mendorong lebih banyak prospek untuk mengklik.

Tatapan mata

Karena orang memiliki kecenderungan untuk melihat apa yang orang lain lihat, menggunakan tatapan mata manusia sebagai petunjuk arah sangat efektif pada halaman arahan pasca-klik. Misalnya, jika gambar manusia di halaman Anda sedang melihat judul, perhatian pengunjung Anda kemungkinan akan tertarik ke judul juga. Oleh karena itu, teknik ini berguna untuk membuat pengunjung melihat ke tempat yang Anda inginkan.

Pada halaman di bawah ini, Vistage menyertakan gambar seorang wanita yang melihat ke arah formulir pengambilan petunjuk. Ketika pengunjung melihatnya, mereka secara tidak sadar merasa terdorong untuk melihat bentuknya:

Apa yang dilakukan halaman dengan baik:

• Tidak ada tautan keluar (selain dari kebijakan privasi) yang membuat pengunjung tidak mungkin meninggalkan halaman tanpa mengklik "X" di browser mereka, atau mengisi formulir.
• Warna kontras berfungsi sebagai isyarat visual, menarik perhatian ke elemen terpenting pada halaman: judul, wanita, dan tombol CTA. Karena sisa halaman berwarna abu-abu, ketiga komponen ini menonjol di atas segalanya.
• Menyertakan kebijakan privasi membantu menanamkan kepercayaan pada pengunjung, memberi tahu mereka bahwa informasi mereka aman dan terlindungi dengan perusahaan.

Apa yang harus diuji A/B:

• Menambahkan bukti sosial , seperti testimoni pelanggan atau lencana perusahaan, kemungkinan akan menarik lebih banyak pengunjung untuk mengetahui apakah mereka memenuhi syarat untuk penawaran tersebut.
• Informasi minimal tentang penawaran dapat mencegah orang berkonversi. Menambahkan poin-poin atau potongan kecil teks untuk menyoroti manfaat penawaran mungkin menghasilkan hasil yang lebih baik.

Objek

Teknik isyarat visual ketiga yang umum digunakan adalah memposisikan objek sehingga objek tersebut diarahkan langsung ke area tertentu di halaman Anda. Melakukan hal ini memfokuskan perhatian prospek pada elemen halaman penting tertentu.

Lyft melakukan ini pada contoh di bawah ini dengan memposisikan kendaraan secara langsung ke arah – dan hampir menyentuh – bentuk tangkapan utama mereka:

Apa yang dilakukan halaman dengan baik:

• Hanya satu bidang formulir yang bagus untuk meyakinkan orang untuk menyerahkan informasi mereka.
• Membiarkan kotak centang perjanjian tidak dicentang membuat prospek merasa lebih terkendali dan nyaman dengan proses konversi.
• Bagian "Lihat Berapa Banyak yang Dapat Anda Hasilkan" berguna karena memungkinkan prospek memasukkan informasi mereka dan mengklik tombol "Hitung" CTA tanpa meninggalkan halaman. Setelah jumlah pembayaran mingguan mereka dihitung, tombol tersebut berubah menjadi tombol "Terapkan Sekarang" lainnya, membantu dalam proses konversi.
• Bagian "Cara Kerja Mengemudi Lyft" memungkinkan perusahaan untuk memberikan informasi langkah demi langkah tentang cara kerja Lyft – dan karena itu menggulir secara horizontal, itu tidak mengacaukan halaman dengan salinan.

Apa yang harus diuji A/B:

• Beberapa tautan keluar memudahkan pengunjung untuk terganggu dan keluar dari halaman tanpa mengonversi penawaran.
• Judul dan subjudul sulit dibaca karena latar belakang yang sibuk. Mengujinya di lokasi berbeda yang lebih terlihat mungkin menarik lebih banyak perhatian dan menghasilkan hasil yang lebih baik.
• Salinan tombol CTA sama kaburnya dengan yang didapat. "Selanjutnya" tidak mengatakan apa-apa tentang penawaran dan kemungkinan tidak memaksa banyak orang untuk mengklik.

Hirarki visual

Setiap halaman arahan pasca-klik harus mengikuti hierarki visual tertentu — konten yang disusun dari yang paling penting hingga yang paling tidak penting. Elemen yang dimaksudkan untuk menarik perhatian pengunjung terlebih dahulu (biasanya judul) harus ditempatkan di bagian atas halaman, karena ini adalah hierarki teratas, dengan sisa konten kemudian dikirim dari prioritas tertinggi ke terendah.

Banyak karakteristik yang berperan dalam menciptakan hierarki visual, termasuk namun tidak terbatas pada:

• Ukuran
• Warna/kontras
• Kepadatan/kedekatan
• Ruang putih
• Tekstur/gaya

SendGrid menggunakan beberapa komponen ini di halaman mereka. Mari kita lihat mana yang mereka gunakan, dan mana yang harus mereka pertimbangkan untuk ditingkatkan:

Apa yang dilakukan halaman dengan baik.

• Variasi ukuran dan pemformatan tebal membantu menarik perhatian ke bagian paling penting dari salinan, membentuk hierarki visual yang kuat.
• Judulnya memaksa pengunjung untuk menggunakan SendGrid dengan menyebutkan tiga perusahaan besar yang juga menggunakan SendGrid.
• Beberapa tombol CTA kooperatif memberi prospek beberapa peluang untuk menukarkan penawaran di lokasi berbeda di seluruh halaman.
• Gambar produk menunjukkan pratinjau tampilan konten yang dikirimkan.
• Poin-poin dengan salinan minimal membuatnya jadi prospek tidak perlu membaca paragraf teks untuk menemukan apa yang mereka cari.
• Kesaksian pelanggan dan lencana perusahaan berfungsi sebagai bukti sosial, kemungkinan membujuk lebih banyak prospek untuk bekerja dengan SendGrid, karena orang lain menemukan kesuksesan dengan mereka. Menambahkan headshot Dave Tomback ke testimoninya akan membuatnya lebih efektif.

Apa yang harus diuji A/B:

• Wanita dalam gambar mungkin melihat ke bawah pada tombol headline/CTA untuk menambahkan isyarat visual dan mendorong pengunjung untuk melihat ke arah itu juga.
• Tombol CTA dapat diperbesar dan diuji dalam warna berbeda untuk menarik lebih banyak perhatian. Ada warna biru di tempat lain pada halaman, sehingga mereka tidak "muncul" sebanyak yang mereka bisa.
• Menambah ruang putih di sekitar beberapa elemen, seperti tombol CTA dan judul, akan membantunya lebih menonjol.
• Tombol CTA "Lihat Paket dan Harga" harus dihapus karena akan membawa pengunjung ke halaman lain, mengalihkan mereka dari halaman ini.

Tombol CTA yang menarik perhatian

Tombol CTA yang dioptimalkan dengan sempurna dan menarik perhatian adalah elemen paling penting untuk disertakan dalam kerangka halaman arahan pasca-klik Anda. Itu harus menonjol di atas semua elemen lainnya, jadi tidak ada kebingungan di mana prospek perlu mengklik untuk menebus penawaran Anda.

WalkMe membuat halaman keikutsertaan dua langkah dengan tombol CTA besar dan kontras yang menonjol di halaman, menarik perhatian pengunjung:

Apa yang dilakukan halaman dengan baik.

• Gambar latar belakang menawarkan kepada pengunjung pratinjau realistis tentang seperti apa tampilan perangkat lunak mereka.
• Tombol CTA benar-benar muncul di halaman. Selain besar dan kontras, itu juga muncul kembali di bagian atas halaman saat pengguna mulai menggulir.
• Formulir keikutsertaan dua langkah mengurangi kekacauan dan membuat pengguna tidak merasa terintimidasi, karena mereka tidak perlu memasukkan informasi mereka di sini.
• Salinan berpoin memudahkan prospek mempelajari informasi tentang penawaran tanpa harus membaca terlalu banyak teks.
• Bukti sosial (testimoni pelanggan dan logo perusahaan yang bergulir) cenderung membuat prospek merasa terdorong untuk bekerja dengan perusahaan ini.

Apa yang harus diuji A/B.

• Mengubah salinan tombol CTA menjadi sesuatu yang lebih dipersonalisasi (dengan format orang pertama) dan berorientasi pada manfaat kemungkinan akan meningkatkan tingkat konversi.
• Mengganti gambar dengan GIF (paro bawah) akan memberi pengguna pengalaman yang lebih interaktif di halaman, dan akan membantu menjelaskan produk dengan lebih baik.
• Menambahkan headshot ke testimonial pelanggan akan membuatnya lebih dapat dipercaya, meningkatkan efektivitasnya.

Teknik desain halaman arahan pasca-klik mana yang menginspirasi Anda?

Menggunakan halaman arahan pasca-klik untuk mempromosikan dan menjual produk dan layanan Anda merupakan bagian integral dari strategi pemasaran Anda. Itu karena ketika dioptimalkan dengan benar — dengan teknik yang dijelaskan di atas, bersama dengan Panduan Praktik Terbaik Desain dan Panduan Pengoptimalan halaman arahan pasca-klik kami, teknik tersebut dapat meningkatkan rasio konversi Anda secara substansial.

Ubah klik iklan menjadi konversi, buat halaman pasca-klik khusus yang dimuat dengan cepat untuk setiap penawaran. Lihat cara memberikan halaman arahan pasca-klik yang unik kepada semua audiens Anda dengan mendaftar ke Demo Instapage Enterprise hari ini.