28 Juli 2022 511

Apa Itu Landing Page Dalam Marketing (2024) — Disertai 25 Contohnya

landing page adalah halaman web dengan ajakan bertindak yang berfokus pada satu — baik formulir pendaftaran atau tombol. Kontes dan kupon juga dapat digunakan sebagai landing page. Pengunjung umumnya tiba di sana setelah mengklik iklan Google, iklan Facebook, atau tautan di halaman hasil pencarian Google.

Tugas utama situs arahan adalah mengubah pengguna menjadi prospek atau pembeli dan mendorong mereka untuk menyelesaikan tindakan tertentu. Tindakan ini dapat berupa pembelian, berlangganan buletin, pendaftaran, atau unduhan aplikasi

Salah satu aspek terpenting dari landing page adalah mereka tidak memiliki tautan navigasi bilah atas yang membatasi opsi yang tersedia bagi pengunjung Anda dan membimbing mereka menuju tindakan yang diinginkan. Kontes berkinerja baik untuk mendapatkan suka Facebook dan pengikut Twitter baru, serta menghasilkan lalu lintas ke situs web dan prospek Anda dengan memberi insentif kepada penonton dengan hadiah.

Ada banyak jenis kontes yang berbeda, dari undian acak paling dasar seperti undian Facebook hingga kontes video yang melibatkan panel juri untuk menentukan pemenang, yang semuanya dapat dengan mudah diatur dengan aplikasi kontes seperti Washponds. Berikut adalah saran kontes: jangan berikan iPad! Anda akan mendapatkan banyak entri tetapi orang-orang itu tidak akan tertarik dengan produk Anda — mereka hanya akan tertarik pada iPad. Ini akan membuat Anda hampir tidak mungkin mengubah prospek tersebut menjadi pelanggan. Memberikan produk yang Anda jual (atau menawarkan kartu hadiah untuk toko Anda) memastikan bahwa pendatang benar-benar tertarik dengan produk Anda yang memudahkan untuk mengubahnya menjadi penjualan.

Ada dua jenis landing page utama untuk dua tujuan yang berbeda:

  1. Pertama —  halaman klik-tayang  yang dimaksudkan untuk menjual produk, layanan, atau penawaran kepada pengunjung melalui proposisi nilai. Pastikan untuk menyertakan gambar dan deskripsi yang diperlukan untuk membuat keputusan yang tepat, buat mereka mengklik tombol ajakan bertindak yang mengarahkan mereka ke keranjang belanja e-niaga, formulir pembayaran PayPal, atau halaman pendaftaran.
  2. Kedua — halaman pembuatan prospek . Ini digunakan untuk mengumpulkan informasi seperti nama dan alamat email melalui formulir pendaftaran. Ini memungkinkan Anda untuk memasarkan dan terhubung dengan pelanggan potensial Anda di masa depan. Oleh karena itu, halaman pembuatan prospek akan menyertakan formulir bersama dengan deskripsi tentang apa yang akan didapatkan pengunjung sebagai imbalan untuk mengirimkan informasi. Misalnya, e-book, webinar gratis, kupon, atau hadiah sering ditawarkan dengan imbalan alamat email.
Apakah Anda biasanya memperhatikan halaman arahan produk?
0 vote

Landing page yang Efektif

landing page yang luar biasa hanyalah halaman yang dengan jelas mendefinisikan nilainya bagi pengunjungnya dan menghasilkan arahan, tetapi cara paling efektif untuk melakukan ini bergantung pada audiens, merek, dan industri spesifik Anda.

Banyak landing page yang hebat hadir dengan fitur berikut:

  • Video yang menjelaskan dan merinci lebih lanjut penawaran dan nilainya.
  • Gambar orang yang relevan untuk membantu pengunjung memvisualisasikan dirinya setelah menerima tawaran.
  • Bukti sosial untuk mendukung klaim merek.
  • Jawaban atas pertanyaan yang sering diajukan untuk meratakan keberatan dan gesekan. Gambar dan deskripsi yang menarik dan ringkas.
  • Penjelasan tentang "apa yang diharapkan" setelah formulir dikirimkan.

Berikut adalah beberapa hal yang harus dipertimbangkan saat membuat landing page:

  • Komponen visual sangat berarti.

Memberikan warna landing page Anda dan UI yang bersih hanya dapat membantu. Pengunjung ingin mempelajari lebih lanjut tentang produk Anda dan melihat bukti nilai yang Anda tawarkan. 

  • Minimalis sedang tren.

Biarkan penawaran atau foto yang berbicara, tetapi pastikan untuk menyertakan judul yang ringkas dan teks pendukung sehingga landing page Anda transparan dan meyakinkan. Ini berlaku untuk semua komponen halaman: coba spasi, salinan sederhana, dan formulir yang lebih pendek

  • Pertahankan pengunjung di halaman.

Saat menghilangkan navigasi utama atau backlink yang mengganggu, kecil kemungkinannya akan ada gesekan generasi prospek yang menyebabkan pengunjung meninggalkan halaman Anda.

  • Sebarkan infonya

Menggunakan tombol berbagi media sosial adalah cara mudah untuk membuat pengunjung terlibat dengan landing page Anda, sehingga mereka dapat mendistribusikan konten Anda ke tindak lanjut sosial mereka. Bagaimanapun, pelanggan adalah jantung dari roda gila pemasaran Anda.

  • Pengujian A/B.

landing page sangat penting untuk kampanye pemasaran yang sukses. Psikologi pasar sering kali mengejutkan, itulah sebabnya bereksperimen dengan berbagai versi halaman Anda sering kali merupakan praktik terbaik untuk melihat varian apa yang memiliki rasio konversi (CVR) tertinggi. Periksa lokasi penawaran, gaya CTA, dan bahkan skema warna. 

  • Panggilan untuk bertindak (CTA)

CTA adalah komponen yang  sangat berarti dari landing page dan ambang di mana prospek dapat menjadi kontak. CTA mengundang pengunjung untuk berlangganan, mengunduh, mengisi formulir, berbagi di media sosial, dan banyak lagi — tetapi, secara keseluruhan, CTA diperlukan untuk membuat audiens Anda lebih terlibat dengan penawaran. Untuk menghasilkan prospek, CTA harus menawan dan menarik, tetapi yang terpenting, mereka harus secara efektif menyajikan nilai produk.


Perbedaan Antara Landing Page dan Situs Web

Mari kita perjelas: umumnya, landing page dan halaman situs web sangat mirip. Mereka sangat mirip tetapi mereka tidak sama.

Pertama-tama, kita perlu memperhatikan struktur halaman. landing page memiliki struktur yang sederhana dan tidak ada gangguan, sedangkan halaman situs web memiliki struktur standar dengan beberapa modul dan fungsi, seperti tautan navigasi, bilah sisi, Tentang, Informasi Perusahaan, Layanan, dan Blog.

Aspek lain yang perlu diperhatikan adalah tujuan. Berbicara tentang landing page, kita perlu menekankan bahwa itu memiliki tujuan yang sangat spesifik, seperti mendaftarkan pengguna baru, mengumpulkan informasi, menjual produk, iklan yang dapat diklik, atau kampanye pemasaran.

Dan bagaimana dengan halaman website? Ini dirancang untuk menggambarkan dan menjelaskan produk atau layanan Anda dengan banyak teks dan gambar.

Baiklah, selanjutnya adalah navigasi. Dengan landing page, situasinya jelas: akses terbatas tersedia, misalnya, hanya CTA yang dapat diklik. Adapun halaman situs web, semua halaman dapat diakses untuk mengklik dan melompat dengan interaksi yang dapat dibalik.

Sekarang mari kita lihat beberapa contoh landing page yang brilian.


1. Centros

landing page untuk Raleigh adalah perjalanan mini dengan sepeda Centros yang inovatif. Menggulir, konsumen tampaknya sedang menumpang.

Animasi halus, desain blok kontras, deskripsi singkat — semua elemen halaman bekerja sama untuk menampilkan sepeda. Layar dengan kaca pembesar adalah fitur penting yang memungkinkan Anda menampilkan model secara detail. Di bagian akhir terdapat tombol yang hanya bisa digunakan untuk mengunjungi toko online atau mencari tempat penjualan di kota terdekat.


2. Masio

Halaman promo Maslo menunjukkan keunggulan platform aplikasi, seperti pengukuran kecerdasan emosional. 'Hei, saya maslo' — dari layar pertama, pengguna diperkenalkan dengan teknologi secara tidak mencolok. Teksnya pendek dan rapi tetapi setiap kalimat menjelaskan karakteristik produk dengan jelas dan ringkas. Menggeser menu navigasi ke bawah adalah solusi non-sepele: Anda dapat menavigasi melalui layar seolah-olah Anda sedang membaca buku.

Gradien ungu lembut dalam desain layar dan garis halus mengisyaratkan sesuatu yang dalam dan emosional — keduanya mendukung gagasan produk itu sendiri.


3. Seri Roland LX700

Sangat menyenangkan untuk menggunakan halaman ulasan seri piano dari perusahaan Roland . Kami memperhatikan setiap detail: ada deskripsi desain, ergonomis, dan desain internal instrumen.

Ada berbagai cara untuk menyajikan informasi: teks singkat, animasi, dan foto dan video multi-format. Yang terakhir ini patut mendapat perhatian khusus — mereka mendemonstrasikan suara piano di berbagai ruangan: dari Studio hingga Katedral.


4. Userbot

landing page startup yang merancang bot perusahaan untuk komunikasi dengan klien. Webmaster mencoba mendesain halaman dengan tujuan tertentu — untuk menarik investor — dan berhasil.

Skema warna cerah, kursor yang tidak biasa, implementasi non-standar dari tab "Masalah" — "Solusi". Halaman tersebut berisi informasi terpilih untuk calon investor: tim dan mitra terwakili; ada roadmap pengembangan produk; informasi tentang pesaing; data ekonomi dan keuangan, dan penghargaan.


5. Miro

Ini adalah situs dari platform kolaborasi Realtimeboard sebelumnya. Pada layar pertama, Anda melihat judul luar biasa yang secara tak terbatas menyampaikan makna dan maksud utama dari kerja sama layanan. Di bawah layar pertama ada video yang dengan jelas menampilkan semua manfaat layanan.

Warna-warna cerah, bentuk aneh, ilustrasi kreatif — layanan ini dibuat oleh orang-orang kreatif dan ditujukan untuk pengguna yang sama


6. Petalcard 

Landing page memperkenalkan "kartu kredit masa depan", yang dapat digunakan tanpa biaya transaksi. Desain dan kontennya minimalis dan beri tahu pengunjung: Langsung saja ke intinya. Keuntungan menggunakan peta ditunjukkan melalui kartu dengan ikon animasi. Perbedaan utamanya adalah tombol "Terapkan sekarang" yang menarik di beberapa layar.


7. Catch fish and chips

Semuanya sederhana dan bergaya di situs web Catch fish and chips cafe. Slogan kreatif yang mengisi air secara bertahap adalah solusi non-standar untuk indikator pemuatan.

Animasi dari serangkaian foto muncul saat Anda menggulir. Ini adalah pendekatan yang menarik untuk menarik perhatian Anda dan menunjukkan proses memasak di kafe. Header halaman berisi tombol "Menu" dan "Kontak": Kesempatan rahasia untuk meneliti posisi dan memesan meja.


8. Spicy no spicy

"Rasakan emosinya" — dari detik pertama, halaman restoran Asia Spisy no spisy mendorong Anda untuk mengunjungi tempat ini. Anda dapat memesan meja tanpa meninggalkan layar utama — tombol CTA membuka formulir permintaan, tempat Anda dapat memesan kursi untuk tanggal tertentu.

Desainnya mendukung konsep restoran: warna yang diredam dan gambar yang digambar tangan dalam gaya Oriental. Pada saat yang sama, penekanannya adalah pada foto hidangan dan interior restoran: cerah, dalam berbagai sudut — semuanya mengidentifikasi halaman restoran.


9. Toggl

Halaman layanan untuk merencanakan proses internal menarik perhatian dengan skema warna aslinya. Karakter animasi yang detail menggambarkan produk dengan sempurna. Solusi mewah dan non-standar adalah fitur desain


10. Squarespace/Circle

Desain, nada, dan tipografi. Halaman komunitas profesional desainer Squarespace/Circle adalah ode untuk minimalis.

Konten foto sangat sesuai dengan deskripsi dan sesuai dengan desain situs secara keseluruhan. Pembuat halaman berhasil memberi tahu tentang komunitas tanpa elemen dan kata-kata yang tidak perlu: teks minimum, estetika maksimum. Dipikirkan dengan detail terkecil, layak mendapat peringkat tertinggi.


11. OranjeBitter

Ini adalah kebalikan dari kasus sebelumnya tetapi juga sangat menarik! Halaman promo Oranjebitter mengundang tamu ke pesta. Musim panas, warna-warna menarik — desain halaman mengisyaratkan bahwa program acara menjanjikan untuk menjadi cerah.

Kaleidoskop — gerakan menarik yang menarik perhatian. Meskipun warnanya menantang, tombol CTA "Tiket" sangat pas. Yang pertama — di tajuk halaman, yang kedua - di akhir gulungan: jangan mengalihkan perhatian, Anda dapat membeli tiket kapan saja.


12. Australian Emu

Situs promosi Australian Emu mempersembahkan koin emas edisi terbatas dari perusahaan Metal Market Europe. Skema warnanya ringkas, antarmukanya halus dan intuitif. Selama pengguliran, koin yang bergerak menarik perhatian Anda, dan deskripsi yang bijaksana membantu Anda mempelajari semua karakteristik produk.

Menu navigasi di sebelah kiri divisualisasikan sebagai rute dan diduplikasi dalam "hamburger". landing page diakhiri dengan formulir berlangganan: Anda dapat berlangganan buletin agar tidak ketinggalan rilis koin baru.


13. Viita Titan HRV

Halaman ini didedikasikan untuk model jam tangan pintar. Anda dapat melihat produk dalam semua detailnya: jam tangan itu sendiri terletak di tengah layar — solusi keren untuk memusatkan perhatian pengguna. Desainnya terlihat brutal — palet hitam dan putih, logam cair di latar belakang layar. Banyak perhatian diberikan pada tipografi — di beberapa blok, tinggi kata lebih dari setengah layar.


14. Fontface

Fontface adalah ekstensi browser yang memungkinkan Anda melihat dan menandai font apa pun. Manajemen perhatian diterapkan dengan sempurna. Layar bergerak mulus, berubah bentuk, dan kaca pembesar muncul di layar: saat menggulir, pengguna dapat mempelajari lebih lanjut tentang cara kerja ekstensi. Akhir halaman yang logis adalah tawaran untuk memasang ekstensi.


15. Unaweel

landing page Unaweel menunjukkan karakteristik roda skuter yang dikendalikan kursi roda.

Keunggulan produk ditunjukkan dengan jelas dan menyeluruh: saat menggulir, Anda belajar cara memasang dan menggunakan roda kemudi, serta berkenalan dengan dimensi dan kemampuannya. Di bagian bawah terdapat tombol dengan tawaran untuk melakukan test drive gratis atau membeli produk. Sederhana, jelas dan nyaman.


16. Shopify

Seperti banyak landing page lainnya di posting ini, landing page percobaan Shopify membuatnya tetap sederhana. Misalnya, judul yang berorientasi pengguna hanya terdiri dari beberapa kata, dan halaman bergantung pada butir-butir sederhana, bukan paragraf, untuk mengomunikasikan detail dan manfaat uji coba. Hanya ada beberapa bidang yang perlu Anda isi sebelum memulai. Semua ini memudahkan Anda untuk langsung ke intinya: berjualan online dengan alat mereka.


17. Trulia

Landing page ini dimulai dengan formulir sederhana yang menanyakan "alamat". Di bawah bidang formulir sederhana ini adalah tombol oranye terang yang sangat kontras dengan gambar di belakang formulir, dan menekankan bahwa perkiraan akan dipersonalisasi.

Tentu saja, alamat itu sendiri tidak akan cukup untuk memperkirakan nilai sebuah rumah. Secara harfiah menunjukkan lingkungan rumah. Itu sebabnya halaman berikutnya mengikuti dengan lebih banyak pertanyaan tentang properti itu sendiri. Di bawah, Anda melihat salinan "Beri tahu kami ke mana harus mengirim laporan" — dengan penafian bahwa, dengan memasukkan informasi ini, Anda setuju untuk terhubung dengan agen real estat. Ini adalah contoh sempurna dari bisnis yang memberikan nilai sejak awal kepada pengunjungnya


18. Landbot

Landbot, layanan yang membuat landing page berbasis chatbot, menempatkan produk mereka sendiri di depan dan di tengah landing page berbahan bakar obrolan mereka. Pengunjung disambut oleh bot yang ramah — lengkap dengan emoji dan GIF — yang mendorong mereka untuk memberikan informasi dalam format percakapan, bukan melalui bentuk tradisional.


19. Webprofits

Berikut adalah contoh landing page yang panjang. Hanya dengan beberapa trik, Anda dapat membuat landing page terpanjang sekalipun terasa pendek. landing page Webprofits di bawah ini menunjukkan caranya.

Ada tombol CTA tepat di atas untuk mempelajari lebih lanjut — dengan kontras yang bagus dengan konteks sehingga menonjol, dan panah ke bawah untuk memudahkan pengguliran. Dengan tidak menempatkan bidang formulir di depan, mereka membantu menurunkan gesekan dan memberikan insentif bagi pengunjung untuk mempelajari lebih lanjut sebelum opsi konversi disediakan.

Mereka juga memudahkan Anda untuk mengetahui apa yang sebenarnya dilakukan Webprofits. Sisa halaman menawarkan informasi rinci tentang apa yang akan Anda dapatkan ketika Anda memberikan informasi Anda. Plus, ini mencakup CTA strategis untuk membawa Anda kembali ke atas untuk mengisi formulir, seperti "Ayo Bicara".


20. H.BLOOM

Di sini Anda dapat melihat manifes fotografi resolusi tinggi dan banyak ruang putih. 

landing page H.BLOOM sangat menyenangkan untuk dilihat. Halaman ini memiliki beberapa elemen konversi yang fantastis selain dari keindahannya: template paruh atas, penjelasan sederhana dan singkat tentang apa yang akan terjadi saat Anda mengisi formulir, dan bahkan tombol "Kirim" berwarna oranye terang.


21. Upwork

Cara terbaik untuk mendesain landing page adalah dengan menyorot tombol CTA utama. Upwork memanfaatkan ini dengan baik. Dari desain CTA mereka, mudah untuk melihat bahwa tujuan mereka adalah menarik bisnis dan pekerja lepas untuk mendaftar

Dari sudut pandang pengalaman pengguna, tombol hijau "Post a Job" menargetkan bisnis, sedangkan pertanyaan yang ditulis dalam karakter kecil — "Jenis pekerjaan apa yang Anda butuhkan?" — untuk freelancer.

Copywriting mereka juga sangat terarah. Alih-alih menggunakan CTA kaku seperti "Perusahaan: daftar di sini," mereka menggunakan bahasa kreatif ("Biarkan pekerja lepas melakukan lebih banyak pekerjaan"), dan kemudian CTA berorientasi tindakan mendesak pengguna potensial untuk "memposting pekerjaan Anda" di sini.


22. Captico

Arsitektur datar yang sederhana dan ringkas memungkinkan landing page menampilkan animasi yang halus. Kombinasi imajinatif dari tombol CTA dan animasi akan membuat pengalaman pengguna mulus dan bersemangat. Animasi juga merupakan pujian yang menyenangkan untuk tema platform yang responsif


23. Flickr

Seperti yang kita semua tahu, Flickr adalah platform berbagi dan penyimpanan foto. Baik fotografer amatir maupun profesional dapat bergabung dan terinspirasi. Arsitektur landing page mengambil bentuk korsel gambar untuk menyoroti fotografi pengguna. Penulis juga digarisbawahi dengan tanda tangan karya seni dan nama penulis, mendorong pengguna untuk mempelajari lebih lanjut tentang penulis dan karya mereka.

Desain tombol CTA yang besar dan terlihat menarik pengguna ke komunitas Flickr.


24. Mayweather Boxing + Fitness

Apa yang tidak dapat Anda lihat dari tangkapan layar landing page ini adalah ia memiliki latar belakang video yang bergulir untuk menunjukkan berbagai layanan dengan cara yang menyenangkan dan menarik. Ini menggunakan pesan sederhana dan lugas yang sejalan dengan mereknya, mengingat itu adalah pusat kebugaran yang dimiliki oleh Floyd Mayweather, petinju juara 26 kali. Selain itu, ini juga termasuk penawaran bernilai tinggi untuk mencoba kelas secara gratis.


25. GOTOEGYPT

Sebagai landing page perjalanan , situs web ini memanfaatkan titik periklanan dan konstruksi tema situs web dengan memanfaatkan pemandangan yang menakjubkan. Gambar adalah latar belakang kreatif yang sempurna.

Perpaduan warna alami membuat pengunjung merasa nyaman dan mencapai tujuan memunculkan keinginan untuk bepergian dan menjelajah.


Dapatkan Inspirasi dan Selalu Uji Landing Page Anda! 

Ini adalah beberapa contoh terbaik dari landing page yang mewakili berbagai industri dengan banyak tujuan konversi yang berbeda. Kami tidak mengadopsi setiap praktik terbaik di luar sana, tetapi kami harap Anda telah memperhatikan beberapa elemen yang menginspirasi di masing-masing praktik tersebut.

Ingat:  setiap halaman bisa menjadi lebih baik. Selain itu, jika beberapa strategi berhasil untuk satu halaman, belum tentu berhasil untuk Anda. Dengan pemikiran ini, Anda harus menguji landing page Anda setiap saat.

Bagaimana Anda menyukai artikel ini?