Contoh Desain Landing Page Keren Untuk Inspirasi
10 Contoh Desain Landing Page – Apa pun produk yang Anda coba jual, halaman landing page memiliki satu tujuan, halaman landing page memberi wawasan kepada pengunjung situs web Anda untuk mengambil tindakan. Yang pada akhirnya, itulah yang ingin Anda capai, bukan?
Landing Page adalah halaman tunggal yang berfokus pada topik atau promosi tertentu yang menarik orang untuk membeli produk atau layanan. Menerapkan praktik terbaik Desain Landing Page meningkatkan konversi di situs Anda.
- Advertisement -
Landing Page yang baik dan persuasif menarik perhatian pengunjung dan memaksa mereka untuk menyelesaikan konversi. Pelajari bagaimana Anda dapat membuat Landing Page yang menarik dengan empat tips Landing Page sederhana ini.
Pelajari Juga Cara Membuat Landing Page Dengan 10 Langkah Mudah
Tips Membuat Desain Landing Page
1. Uraikan Penawaran dan Promosi Anda

Salinan yang kuat adalah kunci untuk Halaman Landing Page yang bagus.
Pertama, buat garis besar dan putuskan apa yang ingin Anda fokuskan. Buat daftar penawaran dan promosi, lalu pikirkan tentang dasar-dasar halaman.
Jika Anda memiliki perusahaan kaos vintage, misalnya, dan ingin mempromosikan diskon 50% untuk penjualan bundel bagi pengguna Instagram, penawaran Anda mungkin adalah “Diskon 50% untuk semua bundel tee vintage yang terdiri dari lima kaos atau lebih” dan promosi Anda akan menjadi promo Instagram berbayar.
Mengetahui penawaran dan audiens Anda dapat membantu Anda membuat salinan yang sangat bertarget. Pengguna yang mempelajari perusahaan Anda dari iklan Instagram berbeda dengan pengguna yang mendengarnya dari mulut ke mulut atau melalui pencarian Google.
Dalam contoh kami, pengguna Instagram menelusuri Instagram, mereka tidak mencari kemeja vintage untuk dibeli, tidak seperti seseorang yang mencari “kaus vintage untuk dijual” di Google.
Dalam hal ini, kita dapat menarik selera gaya dan minat mereka terhadap tren saat ini—t-shirt vintage. Kalimat intro yang bagus yang juga bisa berfungsi di iklan mungkin:
- Advertisement -
“Tingkatkan kesejukan Anda dengan kaos vintage asli kami yang lembut, sekarang diskon 50% jika Anda menggabungkan 5 atau lebih.”
2. Sebutkan Manfaat dan Solusinya.
Apa pun yang Anda jual, pengguna ingin tahu apa untungnya bagi mereka. Bagaimana mereka akan mendapat manfaat dari produk atau layanan Anda?
Layanan jasa cuci automatic dengan menggunakan landing page berhasil menjelaskan kepada pengguna bagaimana produk atau layanan Anda akan memecahkan masalah mereka.
Ambil contoh landing page Cuci Robot . Halaman tersebut berbicara kepada target pasar tentang mudahnya merawat kendaraan dengan cara cepat dan aman, dengan tetap memberikan hasil cuci mobil yang berkualitas dengan waktu tunggu yang cepat bagi pemilik kendaraan.

Karena memulai bisnis biasanya berasal dari dorongan dan hobi, menggunakan bahasa yang kuat dan proaktif akan berhasil dengan baik untuk audiens ini.
Dalam hal menulis halaman landing page, singkat dan jelas. Studi menunjukkan bahwa semakin banyak kata yang digunakan pada halaman landing page, semakin rendah tingkat konversi. Saat menulis, tempatkan diri Anda pada posisi audiens atau persona target Anda dan tanyakan pada diri Anda pertanyaan-pertanyaan ini:
- Bagaimana rasanya memiliki masalah saya?
- Apa yang saya cari untuk membuat pekerjaan atau hidup saya lebih mudah?
- Bagaimana produk atau layanan perusahaan ini dapat mengatasi masalah saya?
- Bagaimana pekerjaan atau kehidupan saya akan meningkat setelah saya membeli produk atau layanan ini?
Jawab pertanyaan ini secara berurutan di halaman landing page Anda untuk menyiapkan penawaran Anda. Kemudian Anda dapat memimpin ke CTA Anda.
3. Buat CTA Yang Menarik.
Kalimat dan tombol CTA pada halaman landing page memiliki dampak besar pada tingkat konversi. Ini adalah batas akhir halaman landing page sebelum seseorang mengirimkan informasi atau pergi ke halaman pembayaran.
Idealnya hanya ada satu CTA per halaman landing page, ditandai dengan tombol kirim besar. Marketing Profs mengutip sebuah studi dari Unbounce yang menemukan bahwa halaman landing page dengan satu tautan atau ajakan bertindak memiliki tingkat konversi yang lebih tinggi—rata-rata 13,5%. Ini sekitar 2% lebih banyak daripada halaman dengan dua atau tiga tautan atau CTA.
Buat Tombol CTA (Call to Action)

Saat menggulir halaman landing page, Anda akan menemukan ajakan bertindak (CTA) untuk membeli produk, mengunduh konten, atau lebih.
Itu juga umum bagi mereka untuk menampilkan pendahuluan atau mengatur masalah umum yang mungkin mereka miliki. Ini dapat mencakup daftar poin-poin menyakitkan yang merupakan waktu, uang, atau energi pengguna. Kemudian, mereka akan memperkenalkan konten atau produk dengan CTA.
Setelah menjelaskan bagaimana produk Anda akan memecahkan masalah mereka, halaman arahan harus mempelajari lebih dalam fitur. Tunjukkan testimonial atau bukti sosial mengapa produk Anda berfungsi di dekat bagian bawah halaman.
Menurut Unbounce , satu-satunya fokus pada topik tertentu adalah apa yang membantu Anda meningkatkan tingkat konversi kampanye Anda. Lalu lintas situs web laman landas hampir selalu merupakan lalu lintas dari kampanye atau saluran tertentu, jadi Anda dapat menyesuaikan laman itu secara khusus.
Penting untuk diingat bahwa pengguna yang menemukan halaman landing page Anda melalui konten media sosial berbayar kemungkinan akan memiliki pola pikir yang berbeda dengan pengguna yang menemukannya melalui Google Ads atau tautan rujukan.
Pengguna media sosial kemungkinan besar menjelajahi situs seperti Facebook atau Instagram. Mereka tidak selalu mencari sesuatu untuk dibeli. Di sisi lain, orang yang secara aktif mencari istilah yang berlaku di Google memiliki lebih banyak pola pikir tindakan atau pembelian dan mereka secara proaktif mencari solusi untuk masalah mereka.
- Advertisement -
Alat seperti Unbounce dan MailChimp membuat pembuatan halaman landing page relatif mudah. Yang terpenting, Anda perlu membuat salinan yang menarik, CTA yang menarik, dan desain halaman arahan yang menarik yang membuat tawaran Anda sulit ditolak.
Menurut WordStream , CTA terbaik:
- Gunakan kata-kata tindakan yang menarik, seperti “mendapatkan” dan “memberi”
- Bangun rasa percaya, seperti “Ayo bangun penawaran Anda”
- Tarik rasa urgensi pengguna dengan menunjukkan kepada pengguna apa yang akan mereka dapatkan dengan mengirimkan formulir pembuatan prospek , misalnya “Dapatkan uji coba 30 hari secara instan”
Tombol CTA yang bagus harus mengikat ke dalam salinan halaman secara keseluruhan, mengulangi tawaran itu. Itu juga harus menampilkan desain yang menarik yang membuat pengguna ingin mengklik.
4. Fokus pada desain yang bagus.
Desain yang baik memengaruhi perasaan pengguna tentang perusahaan, produk, atau layanan. Ini dapat memengaruhi keputusan pengguna untuk berkonversi.
Praktik terbaik desain halaman landing page menentukan bahwa tata letaknya konsisten dengan branding perusahaan yang ada dan menarik bagi audiens target Anda.
Bagi halaman landing page menjadi beberapa bagian tertentu: judul, salinan penawaran, CTA, dan kemudian bukti sosial. Bukti sosial adalah argumen terakhir bagi pengguna untuk membuat mereka membeli, ini menunjukkan kepercayaan dan reputasi. Ini menunjukkan berapa banyak orang yang telah membeli atau menerima penawaran di halaman atau outlet media apa yang meliput perusahaan atau produk.
Ambil contoh ini dari halaman landing page Medium yang mendorong peningkatan ke keanggotaan berbayar, ini menampilkan testimonial dari pengguna lain tentang kualitas dan platform konten Medium.

Elemen desain utama dari halaman arahan adalah:
- Judul:
- Blok salinan di halaman
- Tombol dan kotak CTA, biasanya di antara blok salin dan di bagian bawah halaman
- Gambar dan video pelengkap (jika digunakan)
- Bagian bukti sosial—testimonial atau data
Untuk melihat apa yang menghasilkan rasio konversi tertinggi, uji A/B semua elemen desain di laman landas Anda, mulai dari desain hingga gaya tombol dan kata-kata CTA. Alat yang memungkinkan Anda membuat dan menguji halaman arahan dengan audiens kampanye, termasuk Unbounce, Hubspot, dan Leadpages.
Menggabungkan desain yang bagus dengan penawaran terbaik untuk audiens Anda akan membantu Anda membuat halaman arahan yang sangat bertarget yang mengonversi pengguna dan membuat kampanye Anda membayar.
5. Optimalkan Untuk Seluler
Dengan 49% populasi dunia menggunakan internet seluler, Anda mungkin berpikir mengoptimalkan halaman arahan untuk seluler jarang diabaikan, tetapi masih sering berakhir sebagai renungan.
Mengikuti tips di atas tentu akan meningkatkan peluang Anda untuk memiliki halaman arahan seluler yang sukses , tetapi selain itu, Anda juga harus memberi perhatian khusus pada waktu pemuatan. Google menyarankan agar laman landas seluler dimuat dalam lima detik atau kurang, dan telah menunjukkan implikasi rasio pentalan yang serius dari laman landas yang tertinggal.

Selain menjaga waktu pemuatan tetap rendah di seluler, penting juga untuk menyimpan informasi yang paling relevan di paro atas
10 Contoh Desain Landing Page Keren Untuk Inspirasi
10. Contoh Desain Landing Page Winc
“Winc menjelaskan layanan mereka secara efektif dan membuat penawaran yang menarik. Mereka membuatnya mudah untuk dipahami dan memilih apa yang Anda inginkan. Semuanya ditata dengan jelas tanpa kekacauan.”
– Baruch Labunski, pakar pemasaran internet dan penulis, CEO Rank Secure

Apa yang dilakukan halaman dengan baik:
- Advertisement -
- Menyampaikan proposisi nilai mereka tanpa syarat yang tidak pasti dengan tagline berputar: “Kami memilih sendiri, kerajinan tangan, memberikan dunia anggur.”
- Menampilkan ajakan bertindak (CTA) yang membawa Anda dalam perjalanan. Setelah menekan “Memulai”, Anda diundang untuk mengikuti kuis yang dirancang untuk menentukan profil rasa pilihan Anda, memungkinkan Winc untuk menyusun pilihan anggur yang menarik dan disesuaikan. Seseorang yang meminum kopi mereka yang kuat dan hitam kemungkinan akan menyukai anggur merah yang kuat. Ini menyenangkan, itu pribadi, itu berhasil.
- Dari segi desain, tidak ada gangguan—tema umum di antara halaman arahan berkinerja terbaik. Anda mendapatkan satu pernyataan sederhana, pernyataan proposisi nilai klarifikasi, CTA, dan mungkin gambar produk sebelum pindah ke bawah halaman.
- Ini fitur penawaran diskon $20. Menurut BigCommerce.com, pemasaran promosi (yaitu menawarkan diskon) seperti ini dapat meningkatkan tingkat konversi sebesar 5,6% di industri Makanan dan Kelontong.
- Ini menggunakan gambar yang menunjukkan, secara sederhana dan jelas apa yang dilakukan Winc, mengurangi gesekan yang disebabkan oleh keharusan membaca teks (otak manusia memproses gambar 60.000 kali lebih cepat daripada teks).

Menurut konsultan komunikasi visual, Mike Parkinson :
“Secara kognitif, grafik mempercepat dan meningkatkan tingkat komunikasi kita. Mereka meningkatkan pemahaman, ingatan, dan retensi. Petunjuk visual membantu kita memecahkan kode teks dan menarik perhatian ke informasi atau mengarahkan perhatian, meningkatkan kemungkinan bahwa audiens akan mengingatnya.
Secara emosional, gambar meningkatkan atau mempengaruhi emosi dan sikap. Grafik melibatkan imajinasi kita dan meningkatkan pemikiran kreatif kita dengan merangsang area lain di otak kita (yang pada gilirannya mengarah pada pemahaman yang lebih mendalam dan akurat dari materi yang disajikan).
Takeaways Halaman Landing Page Winc
- Cukup nyatakan proposisi nilai Anda (mengapa membeli dari Anda?) di paro atas.
- Hilangkan gangguan—buat visual Anda tetap sederhana.
- Biarkan gambar yang berbicara.
9. Contoh Desain Landing Page CodeAcademy
“Begitu Anda membuka halaman CodeAcademy, ada ajakan bertindak yang jelas menjelaskan apa yang dilakukan CodeAcademy dan itu sepenuhnya gratis. Ada juga formulir pendaftaran di sebelah kanan yang membutuhkan informasi minimal; tidak ada alamat yang tidak perlu, telepon atau permintaan data aneh lainnya.
Seluruh halaman juga ditaburi dengan sinyal kepercayaan, termasuk ulasan dari pengguna dan merek nyata. Di dekat bagian bawah, ada daftar besar manfaat dan fitur, yang memberi tahu Anda mengapa Anda harus mendaftar.”
– Sam Carr, Manajer Pemasaran PPC Protect

Apa yang dilakukan halaman dengan baik:
- Termasuk bukti sosial. “Bergabung dengan Jutaan” tidak terlalu halus memberitahu prospek bahwa jutaan orang telah membuat keputusan untuk membeli (jadi mengapa tidak?).
- Di bagian paling akhir halaman formulir panjang ini, elemen personalisasi dimasukkan, menanyakan mengapa “Anda” ingin belajar coding. Ini menawarkan panduan, dan menjabarkan semua opsi dalam format sejernih kristal.

“Social Proof” adalah salah satu dari 6 Prinsip Pengaruh asli Robert Cialdini yang ia perkenalkan dalam bukunya tahun 1984: Influence: The Psychology of Persuasion.
Buku itu adalah dasar untuk pemasaran psikologis seperti yang kita ketahui, dan “bukti sosial”—fenomena psikologis bahwa orang-orang cenderung melakukan tindakan tertentu jika mereka melihat orang lain telah melakukannya sebelumnya—adalah dasar untuk pertobatan.
Pembelian adalah tindakan kepercayaan—seperti, pembeli harus memercayai penjual untuk memberikan nilai yang dijanjikan sebelum menyerahkan uang tunai yang dingin dan keras. Ketika calon pembeli melihat bahwa konsumen lain, seperti mereka, telah menerima nilai yang dijanjikan, itu membuat mereka nyaman dan menghilangkan hambatan emosional yang substansial untuk membeli produk.
Setiap kali sebuah bisnis mengklaim “paling populer”, “penjual terbaik nomor satu”, atau “100 juta terjual”—mereka menggunakan bukti sosial.
- Advertisement -
Takeaways Halaman Landing CodeAcademy
- Coba gunakan bukti sosial dalam beberapa cara berbeda di halaman beranda Anda. Mungkin jumlah orang yang menggunakan produk atau layanan Anda adalah bagian dari pembeda Anda dan harus disertakan dalam salinan baris pertama Anda. Atau Anda memiliki testimonial yang bagus. Mungkin keduanya.
- Fitur tidak sepenting manfaat. Apa bedanya? Fitur mengatakan apa yang dilakukan produk Anda; manfaat memberitahu bagaimana kehidupan pengguna akan berubah menjadi lebih baik. Orang membeli manfaat, bukan fitur.
- Jangan hanya mengatakan apa yang dilakukan produk Anda; juga menjelaskan apa yang dapat dilakukan pengguna dengannya.
8. Contoh Desain Landing Page BlueApron
“Skema warna halaman landing page BlueApron dapat memengaruhi sikap dan emosi. Warna tertentu dapat memiliki kemampuan untuk menyampaikan makna yang berbeda.
Warna merah misalnya bisa menciptakan rasa urgensi dan warna biru bisa menyampaikan ketenangan atau kepercayaan. Skema warna tidak hanya akan membantu secara estetis, skema warna yang selaras dengan keseluruhan pesan halaman arahan dapat memengaruhi pelanggan untuk bertindak sesuai dengan itu.
Perusahaan layanan peralatan makan, Blue Apron, menjalankan ini dengan baik dengan menenun warna biru di seluruh bagian.”
Scott Crumrine, Pendiri & CEO Keluarga Guava , Inc.

Apa yang dilakukan halaman dengan baik:
Ini fitur bukti sosial dengan “resep teratas”
Ini menunjukkan, di balik ajakan bertindak, serangkaian gambar orang-orang berkumpul di dapur untuk makan. Teman, anggota keluarga, anak-anak. Itulah manfaat implisit—dan, seperti yang kita ketahui dari penelitian tentang bagaimana manusia memproses gambar, manfaat itu muncul melalui suara dan jelas dalam sebuah gambar meskipun tidak tertulis di mana pun.
Ini menggunakan warna secara strategis, dengan hati-hati menempatkan jeruk dan biru untuk membangkitkan emosi dan tindakan tertentu.
Warna, seperti gambar, adalah jalan pintas untuk menciptakan emosi. Warna, pada kenyataannya, memproses lebih cepat daripada gambar untuk reaksi emosional yang lebih cepat. Emosi adalah faktor yang tidak dapat dipisahkan dalam keputusan untuk membeli.
Faktanya, ada penelitian menarik oleh ahli saraf Antonio Damasio tentang orang-orang yang pusat emosi otaknya telah rusak dan yang, oleh karena itu, tidak dapat memutuskan antara dua jenis pasta.
Menurut Kissmetrics , 85% pembeli menempatkan warna sebagai alasan utama mengapa mereka membeli produk dan warna meningkatkan pengenalan merek hingga 80%. Orang juga dikatakan membuat keputusan bawah sadar dalam waktu kurang dari 90 detik, dan warna adalah cara yang bagus untuk memicu tindakan.
– Pengubah
Emosi sangat kuat, dan karena kita secara tradisional mengasosiasikan warna tertentu dengan emosi tertentu, pilihan warna juga bisa berpengaruh (itulah sebabnya kita melihat begitu banyak tombol CTA oranye!). Berikut adalah bagan warna emosional yang jauh lebih sederhana. Perhatikan warna biru…

Ketika warna adalah bagian dari nama merek, dan berjalan sebagai motif utama di seluruh kehadiran online merek, itu membawa resonansi emosional. Dalam kasus Blue Apron, emosinya adalah kepercayaan.
Oranye adalah warna yang aktif dan memotivasi—sangat bagus untuk CTA. Merah, opsi lain yang sangat populer untuk tombol CTA, menginspirasi tindakan, tetapi juga agresi dan kecemasan. Faktanya, merah mungkin telah merusak nuansa emosional biru pada halaman ini jika perancang memilih untuk menempuh rute yang lebih tradisional dengan warna CTA…
…dan di sinilah hal itu menjadi sangat menarik. Biru adalah warna yang sangat tidak biasa untuk tombol CTA. Itu tidak menginspirasi tindakan seperti yang dilakukan merah atau oranye. Di sini, di mana kepercayaan sangat penting, itu berhasil.
Takeaways Halaman Landing Page Blue Apron
- Pertimbangkan untuk membiarkan gambar yang kuat menunjukkan manfaat Anda, daripada memberi tahu mereka dalam bentuk salinan.
- Pikirkan warna merek Anda sebagai sinyal emosional—emosi apa yang paling diinginkan klien target Anda?
- Uji A/B warna tombol CTA Anda. Oranye? Merah? Biru? Cari tahu apa yang terbaik untuk Anda.
7. Contoh Desain Landing Page Netflix
“Halaman landing page Netflix dengan ajakan bertindak yang jelas mendorong pelanggan untuk bertindak dan meningkatkan konversi. Ajakan bertindak yang jelas menciptakan rasa urgensi.
Dengan menerapkan kata kerja dan kata-kata tindakan, halaman landing page dengan jelas mengomunikasikan pesan dan apa yang diharapkan dari pelanggan, yang memudahkan proses pengambilan keputusan mereka. Netflix melakukan ini dengan baik dengan halaman arahannya yang menginstruksikan pengguna baru untuk mengklik tombol ‘Bergabung Gratis Selama Sebulan.’”
– Scott Crumrine, Pendiri & CEO Guava Family , Inc.

Apa yang dilakukan halaman dengan baik:
- Ini menempuh rute yang lebih tradisional dan menekankan pada proposisi nilai yang kuat dan tombol CTA merah cerah yang menjual kesepakatan GRATIS.
- Ini mengatasi kekhawatiran tentang langganan baru di muka dengan “Batalkan kapan saja sebelum tanggal X dan Anda tidak akan dikenakan biaya.” Anda tidak terikat pada kontrak yang memberatkan; tidak ada risiko jika Anda tidak menyukainya; dan sama sekali tidak ada risiko keuangan selama 30 hari pertama.
- Ini bersih dan sederhana, dengan sedikit gangguan.

Takeaways Halaman Landing Page Netflix
- Advertisement -
- Saat Anda berada di industri yang telah mengkompromikan kepercayaan konsumen (pikirkan Netflix vs. perusahaan kabel tradisional), mengatasi masalah di depan dan di tengah dapat menjadi salinan yang menarik.
- Uji coba gratis waktu terbatas mengurangi gesekan. Dikombinasikan dengan CTA merah, itu hanya dorongan yang dibutuhkan banyak konsumen untuk bertindak.
- Terkadang manfaatnya cukup jelas. Kita semua tahu manfaat menonton TV, jadi Netflix tidak perlu menggunakan kata-kata atau gambar untuk menjelaskannya.
6. Contoh Desain Landing Page Ahrefs.com
“Penempatan CTA Desain Landing Page Ahrefs yang bagus (baca: di depan Anda) segera setelah Anda membuka halaman, copywriting yang bagus menampilkan fitur dan manfaat intinya, infografis yang responsif seluler, dan didukung data. Ini adalah contoh perusahaan yang benar-benar memahami audiensnya.”
– Steve Kurniawan, Pemasaran & Pertumbuhan Konten di Nine Peaks Media

Apa yang dilakukan halaman dengan baik:
- Ini memilih judul yang memprioritaskan kejelasan. Nama “Ahrefs” tidak memberi tahu Anda apa yang diharapkan, yang baik-baik saja (tidak juga Apple). Tapi itu berarti bahwa baris pertama di beranda mereka harus melakukan semua pekerjaan dalam memberi tahu Anda apa yang harus ditemukan dan dilakukan di sini.
- Ini membantu menyederhanakan bagian fitur-berat dengan ilustrasi dan penjelasan singkat untuk membantunya dipahami secara sekilas.
- Ini mendukung klaim “paling banyak” dan “terbaik” dengan angka nyata. Penelitian telah menunjukkan bahwa menggunakan angka membuat apa pun yang Anda katakan tampak lebih kredibel. Jadi, meskipun mungkin tidak terlalu efektif untuk mengatakan “kami memiliki data terbaik”, sangat efektif untuk mengatakan “kami merayapi enam miliar halaman web setiap hari.”
- Ini fitur CTA bijaksana, berbeda dari uji coba gratis rata-rata. Jika perusahaan telah menguji coba gratis di masa lalu dan menemukan bahwa banyak orang mendaftar, tetapi sejumlah kecil orang secara proporsional benar-benar masuk dan belajar menggunakan produk, maka masuk akal untuk meminta biaya nominal untuk percobaan karena menghabiskan sedikit uang bertindak sebagai ” komitmen mikro “—komitmen kecil pertama yang memotivasi orang untuk menyelesaikan tindakan.

Takeaways Halaman Landing Page Ahrefs
- Jika Anda harus memilih antara judul yang cerdas dan yang jelas, pilihlah yang jelas, meskipun itu tampak membosankan.
- Gunakan angka untuk menceritakan kisah Anda. Setiap bagian dari cerita Anda. Angka menambah kredibilitas.
- Jika tindak lanjut prospek menjadi masalah dengan uji coba gratis Anda, cobalah menjadikannya uji coba berbiaya rendah.
5. Contoh Desain Landing Page “ Drive with Lyft ” Lyft
“Halaman arahan ‘Drive dengan Lyft‘ sangat mudah dan ramah pengguna. Paro atas ada judul yang kuat dengan latar belakang ungu datar, tanpa gangguan lain, dan hanya tiga bidang yang harus diisi.
Itu dia. Palet warna yang terbatas membuatnya lebih mudah untuk fokus pada apa yang penting dan menemukan detail yang Anda butuhkan.”
– Lotem Hayun, Kepala Pertumbuhan di Pramp

Apa yang dilakukan halaman dengan baik:
- Ini bebas dari gangguan dan memiliki langkah-langkah yang sangat mudah untuk mendaftar. Penghalang jalan terbesar (permainan kata-kata yang dimaksudkan) untuk menjadi pengemudi Lyft adalah jika Anda tidak memiliki mobil—masalah yang diselesaikan Lyft tepat di paro atas, jadi tidak ada yang menghitung sendiri sebelum waktunya.
- Ini memandu pembaca, selangkah demi selangkah, melalui cara mengemudi untuk mereka bekerja dengan alat bantu visual
- Ini termasuk bagian FAQ di bagian bawah halaman arahan mereka yang membahas masalah utama yang mungkin dimiliki pengemudi baru.
- Ini mencari umpan balik bagi mereka yang memilih “Tidak, terima kasih” daripada mendaftar
Takeaways Halaman Landing Lyft
- Buat langkah berikutnya sejelas kristal, tanpa gangguan, untuk membuat pengguna mengambil langkah pertama (yaitu mengisi formulir pertama, atau menekan tombol pertama) dengan cepat.
- Menghaluskan sumber gesekan dengan mengatasi kekhawatiran prospek dengan bagian FAQ.
- Survei orang-orang yang tidak tertarik untuk menemukan lebih banyak alasan keraguan yang dapat Anda bahas di salinan Anda nanti.
4. Contoh Desain Landing Page Host Airbnb
“Kotak di sudut kanan atas halaman Host Airbnb mendeteksi kota Anda dan menunjukkan potensi pendapatan bulanan tuan rumah di kota Anda. Anda bahkan dapat beralih antara jumlah tamu dan ruang yang Anda rencanakan untuk dibagikan untuk melihat potensi pendapatan bulanan. Menggulir ke bawah, pengguna melihat panduan langkah demi langkah sederhana untuk menjadi tuan rumah.”
– Kim Smith, Manajer Pemasaran Konten di GoodFirms

“Yang sangat saya sukai dari halaman arahan Airbnb adalah penggunaan gambar pahlawan yang sederhana dan CTA yang jelas. Gambar pahlawan membangkitkan perasaan yang muncul saat bepergian, dan CTA-nya cerah dan hidup.”
– Lauren Crain, Pembuat Konten Pemasaran Digital di Lab Kesehatan
Apa yang dilakukan halaman dengan baik:
- Itu membuat janji inti di jantung judul; “Dapatkan uang sebagai tuan rumah Airbnb.” Pertanyaan Anda berikutnya mungkin, “berapa banyak uang”?
- Ini dengan cerdik memberikan jawaban untuk pertanyaan alami berikutnya di dua tempat––satu di sudut atas di sebelah kiri CTA merah “Memulai” Angka “Potensi bulanan” itu didasarkan pada potensi pendapatan bulanan tuan rumah di kota Anda. Ini bahkan sebelum Anda mengisi formulir. Airbnb sudah tahu di mana Anda tinggal. Menakutkan? Sedikit. Efektif? Sangat.
- Ini memberi pembaca kesempatan untuk mendapatkan informasi lebih lanjut sebelum memasukkan detail kontak dengan formulir sederhana tentang lokasi dan jenis sewa.
- Ini membahas pertanyaan dan kekhawatiran yang mungkin dimiliki calon tuan rumah.
- Ini fitur bukti sosial dalam bentuk testimonial.
- Ini membangkitkan aksi dan kepercayaan dengan warna oranye dan biru di seluruh.

Takeaways Halaman Landing Airbnb
- Prioritaskan manfaat terbesar Anda—dan poin bonus jika Anda dapat mempersonalisasikannya seperti yang dilakukan Airbnb dengan perkiraan penghasilan yang dilokalkan!
- Meminta orang untuk melakukan sesuatu yang menakutkan? Beri mereka jaminan dan beri tahu mereka bagaimana Anda mendukung mereka.
- Testimonial yang tersebar di seluruh halaman adalah pengingat yang cerah tentang hal-hal baik apa yang dapat terjadi dengan produk atau layanan Anda.
3. Contoh Desain Landing Page Shopify
“Beranda Shopify adalah salah satu beranda terbaik yang pernah saya temui. Satu-satunya CTA di paro atas adalah ‘Masukkan alamat email Anda’. Ada galeri foto sederhana, tetapi tidak berubah secara otomatis, dan pengguna harus aktif dan mengklik tanda panah untuk melihat foto berikutnya.
– Lotem Hayun, Kepala Pertumbuhan di Pramp

Apa yang dilakukan halaman dengan baik:
- Ini menanamkan kepercayaan diri dan menghilangkan rasa takut dengan ungkapan-ungkapan seperti “Kamu punya kemauan. Kami punya caranya.” Ditambah catatan tentang masa percobaan yang tidak memerlukan kartu kredit.
- Ini dengan jelas menguraikan perjalanan bekerja dengan Shopify, menggunakan gambar, video, dan teks singkat.
- Ini menunjukkan bukti sosial dengan kesaksian, angka nyata, dan bola dunia yang berputar.

Takeaways Halaman Landing Shopify
- Apakah Anda [satu-satunya] perusahaan yang dirancang untuk melayani [audiens target Anda]? Apakah Anda memiliki pembeda lain yang membedakan Anda dari orang lain? Jadikan itu judul Anda—selalu bagus!
- Jika memungkinkan, gabungkan mengatasi ketakutan dengan menyatakan manfaat terbesar Anda. Ini cara yang bagus untuk menangkap dua ikan dengan satu cacing. (Hanya monster yang melempar batu ke burung!)
- Perkuat indikator kepercayaan Anda dengan menggabungkan berbagai bentuk bukti sosial.
2. Contoh Desain Landing Page To-Do’s” untuk “ Stitchfix s

Apa yang dilakukan halaman Stitchfix s cukup baik:
- Ini dimulai dengan kuis yang menanyakan pertanyaan luas yang dapat dijawab dengan nyaman oleh siapa saja
- Ini memberikan respons pop-up langsung untuk setiap jawaban yang dipilih, membuat kuis terasa dipersonalisasi
- Ini mengumpulkan informasi sebelum mengirim hasil kuis
- Saat meminta informasi pribadi, ini menyoroti personalisasi dan mengurangi kekhawatiran dengan menyebutkan “tidak ada biaya atau langganan tersembunyi”

Halaman Arahan Yang Harus Dilakukan
- Tarik perhatian pengguna dengan mengundang mereka untuk ikut serta dalam kuis. Interaktif dan pribadi adalah tren yang sedang berkembang saat ini, jadi jika halaman arahan Anda menyertakan fitur tersebut, Anda akan segera mengonversi prospek.
- Lakukan personalisasi selangkah lebih maju dengan kuis atau personalisasi yang merespons kembali pengguna.
- Untuk tingkat konversi yang tinggi, setidaknya di tingkat pemula, cukup minta alamat email atau opsi untuk masuk dengan profil media sosial. Ini cepat, mudah, dan prospek mengatakan “ya” kepada Anda sejak awal—membuat “ya” kemudian menjadi jauh lebih mudah.
1. Contoh Desain Landing Page UpWork
“Upwork menampilkan citra pahlawan yang cerah dengan salinan yang dengan jelas menyatakan nilai yang diberikannya kepada konsumennya. Upwork juga menampilkan CTA ‘Memulai’ untuk kemudahan penggunaan.”
– Lauren Crain, Pembuat Konten Pemasaran Digital di Lab Kesehatan

Apa yang dilakukan halaman dengan baik:
- Ini memposisikan nilainya baik untuk pemberi kerja dan pekerja lepas dengan segera.
- Itu menggunakan warna hijau––warna yang tidak biasa untuk CTA.
- Ini menawarkan bukti sosial dalam bentuk klien nama besar.
- Ini memecah penawaran berdasarkan industri, ruang lingkup pekerjaan, dan harga.

Takeaways Halaman Landing Upwork
Ketika layanan Anda dapat digunakan dengan berbagai cara, coba tanyakan apa yang ingin dilakukan prospek dalam CTA Anda.
- Biarkan prospek mengetahui cara utama mereka dapat menggunakan produk Anda untuk mencapai tujuan akhir mereka, sebaiknya dengan infografis.
- Jadikan apa yang Anda tawarkan terasa dipersonalisasi dan disesuaikan dengan kebutuhan pengguna. Itulah yang dilakukan Upwork dengan menghadirkan semua cara Upwork dapat digunakan.
Kesimpulan
Membangun dan mendesain halaman arahan yang bagus dimulai dengan penawaran Anda, dilanjutkan dengan menguraikan manfaat dan solusi, dan, akhirnya, berfokus pada CTA dan elemen desain penting yang membuat penawaran Anda sulit ditolak. Untuk inspirasi lebih lanjut, lihat 10 contoh desain landing page keren yang menerapkan semua tip di atas.
Mau membangun Desain Landing Page Sesuai Ekspektasi Anda?
Hubungi Kami