Tips dan Contoh Halaman Landing Cantik

Beratus artikel lucu telah ditulis di sekitar topik halaman pendaratan. Kita semua tahu fakta asas - ini adalah halaman pengunjung yang datang selepas mengklik pada iklan spanduk atau pautan promosi, dan mereka memainkan peranan penting pemasaran dengan menukar petunjuk kepada pelanggan untuk perniagaan. Walau bagaimanapun, apabila merancang halaman pendaratan anda, perkara-perkara sepertinya jauh lebih halus daripada yang anda harapkan selepas melalui dokumentasi bagaimana. Inilah sebabnya hari ini, kami telah memilih untuk berkongsi koleksi contoh halaman pendaratan sebenar untuk inspirasi.

Mengikut klasifikasi ilmiah yang cukup anda dapat temukan di Wikipedia, laman landas jatuh dalam dua kategori utama: rujukan dan transaksional. Jika mereka dipanggil rujukan, halaman harus memaparkan maklumat yang menarik dan relevan kepada pengunjung (teks, multimedia). Halaman pendaratan "Transaksional" adalah yang bertujuan untuk jualan segera atau sekurang-kurangnya dalam menangkap petunjuk jualan yang kukuh.

Seperti yang anda mungkin bersetuju dengan saya, semua halaman pendaratan memenuhi kedua-dua kriteria: mereka memaklumkan kepada pengunjung mengenai tawaran itu serta tindakan yang menghasut dari pihaknya. Jika tidak, kami tidak memerlukan panggilan untuk bertindak pada halaman arahan sama sekali, adakah kami?

Apa yang perlu jelas sebelum melancarkan mana-mana halaman pendaratan di www adalah sifat tindakan pelawat yang diingini. Adakah peningkatan surat berita meningkatkan pendaftaran matlamat anda? Kemudian reka bentuk CTA dengan mesej "Daftar sekarang surat berita kami". Adakah anda berhasrat membeli pembelian percubaan dari pelawat? Katakan begitu. Secara umumnya, resipi penting adalah untuk membuat halaman pendaratan anda meluahkan tawaran ini dengan jelas dan menarik.

Tips untuk Merancang Halaman Pendaratan

Beberapa petua cepat untuk bermula dari semasa merancang halaman pendaratan:

1. Gunakan prinsip AIDA

Ini adalah satu rangkaian peristiwa yang kita inginkan apabila satu plumbum mencapai platform memaparkan produk atau perkhidmatan yang digalakkan. Terutamanya, langkah-langkahnya ialah:

1. Kesedaran - menarik perhatian pengunjung
2. Faedah - yang boleh dibangkitkan dengan menonjolkan faedah kepada pelanggan
3. Keinginan - mendorong pelanggan idea bahawa mereka mahu produk atau perkhidmatan
4. Tindakan - pelanggan melakukan proses pembelian

2. Tidak banyak gangguan; tinggalkan jalan keluar

Idea ini mudah. Jika halaman pendaratan hampir tiada pilihan navigasi kecuali untuk butang CTA, pengunjung akan memaksa keluar mereka. Jangan berfikir bahawa jika anda tidak menyediakan navigasi, mereka tidak akan mencari cara untuk pergi - mereka akan, mungkin juga dengan menutup penyemak imbas. Dan pelawat ini akan tidak kembali.

3. Jadikannya lulus ujian berkedip

Lazimnya, halaman pendaratan terpaksa menangkap perhatian pengunjung dalam catatan 3 saat pertama. Jika tetamu itu berkedip, dan tidak dapat melihat dengan jelas apa yang harus ditemui di halaman atau tidak berminat dengan apa yang dia lihat, dia kemungkinan besar akan melantun dengan tangan kosong.

4. Jangan buat jangkaan palsu

Halaman arahan mestilah selaras dengan petua yang disediakan oleh iklan asal, atau sebaliknya. Pelawat perlu mencari di halaman pendaratan tentang apa yang mereka dijanjikan terlebih dahulu dalam iklan yang mereka klik.

Seperti yang telah dijanjikan, mari berikan beberapa halaman pendaratan yang baik dan berkesan dari B2B dan B2C. Kami akan meneroka kekuatan mereka dan kelemahan yang tidak dapat dielakkan. Berhati-hati untuk yang berikut di galeri di bawah: komunikasi visual, penjenamaan dan penunjuk kepercayaan, keberkesanan kandungan, panggilan untuk tindakan.

Pameran: Halaman Landing Cantik

99Desain

Ini adalah versi halaman pendaratan yang disasarkan ke arah pereka dan pelajar. 99Desain juga mempunyai halaman pendaratan untuk pihak yang lain: perniagaan yang memerlukan reka bentuk. Bagi yang ini, ia sangat berkesan dari segi sokongan (lihat testimoni berani) dan benar-benar bercakap bahasa penonton dengan angka dan petunjuk kepercayaan (bilangan ahli komuniti, jumlah wang yang mereka hasilkan). Perhatikan warna merah terang butang CTA tunggal - ini biasanya adalah sesuatu yang harus dielakkan, tetapi dalam kes tertentu ini tidak mengganggu, kerana ia sepadan dengan warna logo.

123RF

123RF membuat pernyataan tujuan yang jelas di halaman pendaratan ini dengan slider imej dan empat median kotak. Anda memahami dengan segera apa perkhidmatan itu dan bagaimana anda boleh menggunakannya (Carian, Daftar, Pay-As-You-Go, Beli Langganan). Latar belakang kelabu yang terang tidak mengganggu dan meletakkan kemuncak pada intipati, yang menjadi imej. Apa yang saya rasa mereka boleh memperbaiki adalah senarai kategori fotografi stok, ia sedikit disumbat. Dan CTA agak terlalu halus untuk kotak yang boleh diklik.

Favomatic

Saya sangat suka reka bentuk halaman pendaratan ini. Terdapat kontras, slogan yang baik di setiap bahagian dan ia membawa banyak maklumat tanpa memaksa anda untuk membaca segala-galanya (font kecil tidak semuanya). Ia mempunyai navigasi, tetapi satu menegak, dengan menatal, yang jauh mengurangkan kadar pemantul.

BiznessApps

Panggilan untuk tindakan yang kuat, slogan yang ditekankan dan senarai sokongan yang mengagumkan - ini adalah gabungan yang sesuai untuk halaman pendaratan dan halaman ini memilikinya. Plus, ia termasuk jumlah minimum teks dan menggunakan video demo, kerana ia adalah fakta yang diketahui bahawa orang lebih suka menonton filem pendek daripada membaca. Bentuknya adalah elemen yang mereka dapat sedikit memperbaiki. Biasanya, anda harus memberikan terlebih dahulu sebelum anda boleh mendapatkannya, jadi jika dalam pertukaran untuk menghantar pelawat borang boleh menerima pelawat percuma, maka butang "Hantar mesej" boleh mengatakan sesuatu seperti "Dapatkan barangan percuma anda sekarang!"

Brusheezy

Satu lagi bukti kurang lagi. Halaman pendaratan ini kelihatan sangat kemas dengan satu ikon dan tajuk yang menonjol. Perhatikan dua panggilan untuk tindakan, di bahagian atas dan bawah - ini adalah kaedah yang mudah untuk membuat mesej berterusan tanpa menyebarkan halaman. Menyoroti manfaat untuk pelanggan dan bukannya ciri produk adalah pembunuh lain.

JailBreak

Halaman ini mungkin sedikit terlalu ramai, tetapi dalam tradisi halaman pendaratan untuk aplikasi. Walau bagaimanapun, keputusan untuk membahagikan halaman dalam segmen menjadikannya mudah untuk menavigasi semua elemen. Anda boleh mencari semua yang anda cari: ciri, faedah, testimonial dan juga jaminan bayaran balik jika anda tidak berpuas hati dengan hasilnya. Yang terakhir agak berisiko, kerana ia boleh menimbulkan persoalan tentang kualiti perkhidmatan, dan ia adalah idea yang baik untuk meletakkannya sepanjang jalan di bahagian bawah

PageLines

Minimalism adalah konsep utama di sini. Saya secara peribadi menyukai bahawa halaman ini tidak memberitahu anda segala-galanya dengan segera, tetapi menjemput anda untuk mengetahui. Apa yang saya tidak dapati begitu menyeronokkan, bagaimanapun, adalah video yang bermula secara automatik (ciri yang saya umumkan mengelakkan) - walaupun Andrew Powers bukan hanya mahir tetapi juga kacak! Juga, hakikat bahawa tidak ada CTA segera boleh menjadi kelemahan untuk laman web.

Pico

Halaman arahan ini mudah tetapi berkuasa. Tanda "merah yang lebih besar" adalah garam dan lada untuk penampilan keseluruhan. Susunan perenggan menyerupai susun atur akhbar dan cukup bersifat menimbulkan saranan bagi CMS. Butang CTA sedikit terlalu lemah, walaupun, dan wanita di sudut kanan bawah menyebabkan gangguan kecil; dengan terlalu mengejutkan di wajahnya, adakah dia kelihatan seperti dia dapat merundingkan perkara perniagaan?

Shoeboxed

Garis deskriptif untuk setiap bahagian adalah contoh penggunaan bahasa deskriptif. Anda memahami mesej dalam detik pecahan, kerana garis penglihatan anda dengan cepat mengimbas baris pertama dan tiba di butang CTA. Sekiranya anda masih teragak-agak, terdapat testimonial untuk membantu, bersama-sama dengan sokongan yang kuat - tidakkah anda mempercayai syarikat yang ditonjolkan di Forbes dan Crunch Tech? saya akan.

SquareSpace

Halaman pendengaran mencari profesional, ini. Slogan berani, butang CTA yang anda tidak boleh menahan mengklik dan sokongan yang sangat baik, ini adalah gabungan untuk berjaya. Saya juga suka bahawa mereka meletakkan konteks penggunaannya di tengah-tengah halaman, dengan tangkapan skrin cara halaman mereka kelihatan dan petunjuk seperti infographic. Struktur 3-elemen halaman adalah satu lagi titik kuat.

Nota editor: Jawatan ini ditulis oleh Laura Moisei untuk Hongkiat.com. Laura mempunyai ijazah sarjana muda dalam Sains Komunikasi dan menghabiskan sebahagian besar masa mengejar semangatnya untuk reka bentuk dan menulis. Dia bekerja untuk 123ContactForm, bentuk dalam talian dan pembina tinjauan yang membantu pengguna membuat bentuk yang indah untuk mana-mana halaman web.