Beranda » Desain web » Tips dan Contoh Halaman Arahan Yang Indah

    Tips dan Contoh Halaman Arahan Yang Indah

    Ratusan artikel lucu telah ditulis di sekitar topik halaman arahan. Kita semua tahu fakta dasar - bahwa ini adalah halaman yang dijangkau pengunjung setelah mengklik iklan banner atau tautan promosi, dan bahwa mereka memainkan peran pemasaran yang penting dengan mengubah prospek menjadi pelanggan untuk bisnis. Namun, ketika merancang sendiri laman landas, masalah tampaknya jauh lebih rumit daripada yang Anda harapkan setelah mempelajari dokumentasi cara. Inilah sebabnya mengapa hari ini, kami telah memilih untuk membagikan koleksi contoh halaman arahan yang sebenarnya untuk inspirasi.

    Menurut klasifikasi yang cukup ilmiah yang dapat Anda temukan di Wikipedia, halaman arahan termasuk dalam dua kategori utama: referensi dan transaksional. Jika mereka disebut referensi, halaman harus menampilkan informasi yang menarik dan relevan bagi pengunjung (teks, multimedia). Laman landas "Transaksional" adalah yang bertujuan untuk penjualan langsung atau setidaknya dalam menangkap prospek penjualan yang kuat.

    Karena Anda mungkin akan setuju dengan saya, semua halaman arahan memenuhi kedua kriteria: mereka menginformasikan pengunjung tentang tawaran serta tindakan menghasut dari pihaknya. Kalau tidak, kita tidak akan membutuhkan ajakan untuk bertindak pada halaman arahan apa pun, ya?

    Yang perlu jelas sebelum meluncurkan halaman arahan apa pun di www adalah sifat tindakan pengunjung yang diinginkan. Apakah meningkatkan nawala mendaftar tujuan Anda? Kemudian rancang CTA dengan pesan "Daftar sekarang di buletin kami". Apakah Anda bertujuan untuk membeli percobaan dari pengunjung? Berkata demikian. Secara umum, resep penting adalah membuat halaman arahan Anda menyatakan tawaran ini sejelas dan semenyenangkan mungkin.

    Kiat untuk Merancang Halaman Pendaratan

    Beberapa kiat cepat untuk memulai ketika merancang halaman arahan:

    1. Gunakan prinsip AIDA

    Ini adalah rangkaian acara yang kami inginkan terjadi begitu arahan mencapai platform yang menampilkan produk atau layanan yang dipromosikan. Terutama, langkah-langkahnya adalah:

    1. Kesadaran - menarik perhatian pengunjung
    2. Bunga - yang dapat dibangkitkan dengan menyoroti manfaat bagi pelanggan
    3. Keinginan - membujuk pelanggan bahwa mereka ingin produk atau layanan
    4. Tindakan - pelanggan melakukan proses pembelian

    2. Tidak terlalu banyak gangguan; tinggalkan jalan keluar

    Idenya sederhana. Jika halaman arahan sebenarnya tidak memiliki opsi navigasi kecuali untuk tombol CTA, pengunjung akan memaksa mereka keluar. Jangan berpikir bahwa jika Anda tidak menyediakan navigasi apa pun, mereka tidak akan menemukan cara untuk pergi - mereka akan melakukannya, mungkin bahkan dengan mematikan browser. Dan pengunjung ini akan melakukannya tidak kembali.

    3. Buat lulus uji kedip

    Biasanya, halaman arahan harus menarik perhatian pengunjung dalam 3 detik pertama entri. Jika tamu itu berkedip, dan tidak bisa melihat dengan jelas apa yang harus dia temukan di halaman atau tidak tertarik dengan apa yang dilihatnya, dia kemungkinan besar akan bangkit dengan tangan kosong.

    4. Jangan membuat harapan yang salah

    Laman landas harus konsisten dengan petunjuk yang diberikan oleh iklan asli, atau sebaliknya. Pengunjung harus menemukan di halaman arahan apa yang dijanjikan pertama kali pada iklan yang mereka klik.

    Seperti yang telah kami janjikan, mari kunjungi beberapa halaman arahan B2B dan B2C yang dirancang dengan baik dan efektif. Kami akan mengeksplorasi kekuatan dan kelemahan mereka yang tak terhindarkan. Perhatikan hal-hal berikut di galeri di bawah ini: komunikasi visual, indikator branding dan kepercayaan, efektivitas konten, ajakan bertindak.

    Etalase: Halaman Arahan Yang Indah

    99 Desain

    Ini adalah versi halaman arahan yang ditargetkan untuk desainer dan siswa. 99Designs juga memiliki halaman arahan untuk sisi lain: bisnis yang membutuhkan desain. Adapun yang ini, sangat efektif dalam hal pengesahan (lihat kesaksian berani) dan benar-benar berbicara dalam bahasa audiens dengan angka dan indikator kepercayaan (jumlah anggota masyarakat, jumlah uang yang mereka peroleh). Perhatikan warna merah terang dari tombol CTA tunggal - ini biasanya adalah sesuatu yang harus dihindari, tetapi dalam kasus khusus ini tidak mengganggu, karena cocok dengan warna logo.

    123RF

    123RF membuat pernyataan tujuan yang jelas di halaman arahan ini dengan slider gambar dan empat kotak median. Anda memahami secara instan apa layanan ini dan bagaimana Anda dapat menggunakannya (Cari, Mendaftar, Bayar-Saat-Anda-Pergi, Beli Berlangganan). Latar belakang abu-abu terang tidak mengganggu dan menempatkan sorotan pada esensi, yang menjadi gambar. Yang secara pribadi saya pikir dapat mereka perbaiki adalah daftar kategori stok fotografi, ini sedikit diisi. Dan CTA agak terlalu halus untuk kotak yang dapat diklik.

    Mengagumkan

    Saya benar-benar menyukai desain halaman arahan ini. Ada kontras, slogan-slogan yang baik di setiap bagian dan itu membawa banyak informasi tanpa memaksa Anda untuk membaca semuanya (font kecil melakukan semuanya). Itu memang memiliki navigasi, tetapi yang vertikal, dengan menggulir, yang sangat mengurangi tingkat memantul.

    BiznessApps

    Ajakan bertindak yang kuat, slogan yang ditekankan dan daftar dukungan yang mengesankan - ini adalah kombinasi yang tepat untuk halaman arahan dan halaman ini memilikinya. Plus, itu termasuk jumlah minimum teks dan menggunakan video demo, karena itu adalah fakta yang diketahui bahwa orang lebih suka menonton film pendek daripada membaca. Bentuknya adalah elemen yang bisa sedikit mereka tingkatkan. Biasanya, Anda harus memberi dulu sebelum Anda dapat, jadi jika sebagai imbalan untuk mengirimkan formulir, pengunjung dapat menerima hadiah gratis, maka tombol "Kirim pesan" dapat mengatakan sesuatu seperti "Dapatkan barang gratis Anda sekarang!"

    Brusheezy

    Bukti lain yang lebih sedikit lebih banyak. Halaman arahan ini terlihat sangat rapi dengan satu ikon dan tajuk terkemuka. Perhatikan dua ajakan untuk bertindak, di bagian atas dan bawah - ini adalah metode yang sangat mudah untuk membuat pesan tetap ada tanpa membuat halaman terlalu padat. Menyoroti manfaat bagi pelanggan alih-alih fitur produk adalah penghilang masalah lain.

    JailBreak

    Halaman ini mungkin agak terlalu ramai, tetapi dalam tradisi halaman arahan untuk aplikasi. Namun, keputusan untuk membagi halaman dalam segmen membuatnya mudah dinavigasi melalui semua elemen. Anda dapat menemukan semua yang Anda cari: fitur, manfaat, testimonial, dan bahkan jaminan pengembalian uang jika Anda tidak puas dengan hasilnya. Yang terakhir cukup berisiko, karena dapat menimbulkan pertanyaan tentang kualitas layanan, dan itu ide yang baik untuk menempatkan semua jalan di bagian bawah

    PageLines

    Minimalisme adalah konsep utama di sini. Saya pribadi suka bahwa halaman ini tidak memberi tahu Anda semuanya segera, tetapi mengundang Anda untuk menemukannya. Namun, yang menurut saya tidak begitu menyenangkan adalah video yang dimulai secara otomatis (fitur yang biasanya saya hindari) - bahkan jika Andrew Powers tidak hanya terampil tetapi juga tampan! Juga, fakta bahwa tidak ada CTA langsung mungkin menjadi kelemahan bagi situs web.

    Pico

    Laman landas ini sederhana namun kuat. Tanda merah "lebih besar dari" adalah garam dan lada untuk penampilan keseluruhan. Pengaturan paragraf menyerupai tata letak surat kabar dan cukup sugestif untuk tujuan CMS. Tombol CTA agak terlalu lemah, dan wanita di sudut kanan bawah menyebabkan gangguan ringan; dengan terlalu banyak kejutan di wajahnya, apakah dia terlihat seperti dia mampu menegosiasikan masalah bisnis?

    Kotak sepatu

    Baris deskriptif untuk masing-masing bagian adalah contoh penggunaan bahasa deskriptif. Anda memahami pesan dalam sepersekian detik, karena garis pandang Anda dengan cepat memindai baris pertama dan tiba di tombol CTA. Jika Anda masih ragu, ada kesaksian untuk membantu, bersama dengan dukungan kuat - tidakkah Anda akan mempercayai perusahaan yang ditampilkan dalam Forbes dan Tech Crunch? saya akan.

    SquareSpace

    Halaman arahan yang terlihat profesional, ini. Slogan yang berani, tombol CTA yang tidak dapat Anda tahan mengklik dan dukungan yang sangat baik, ini adalah kombinasi dari kesuksesan. Saya juga suka mereka meletakkan konteks penggunaannya di tengah halaman, dengan tangkapan layar cara tampilan halaman mereka dan indikasi seperti infografis. Struktur 3-elemen halaman adalah titik kuat lain.

    Catatan Editor: Posting ini ditulis oleh Laura Moisei untuk Hongkiat.com. Laura memiliki gelar sarjana dalam Ilmu Komunikasi dan menghabiskan sebagian besar waktu mengejar hasratnya untuk desain dan menulis. Ia bekerja untuk 123ContactForm, formulir daring dan pembuat survei yang membantu pengguna membuat formulir yang indah untuk laman web mana pun.