Digital Marketing
Hero Section
TL;DR: Hero section adalah blok pertama halaman web yang muncul sebelum pengunjung scroll. Idealnya berisi satu headline jelas, satu value proposition, dan satu CTA dominan. Karena ini area pertama yang dibaca, hero section sering menentukan apakah pengunjung lanjut atau pergi dalam hitungan detik.
Apa itu Hero Section?
Hero section adalah bagian teratas halaman, area yang tampil di layar sebelum pengunjung melakukan scroll (sering disebut above the fold). Anggap saja sebagai sampul buku: dalam beberapa detik, pengunjung memutuskan apakah halaman ini relevan dengan kebutuhan mereka. Komponen tipikalnya adalah headline, subheadline, satu tombol aksi, dan visual pendukung.
Tujuan hero section bukan menjelaskan segalanya, melainkan menjawab satu pertanyaan pengunjung: "Apakah saya berada di tempat yang tepat?" Hero yang baik menyampaikan untuk siapa produk ini, masalah apa yang dipecahkan, dan apa langkah berikutnya.
Anatomi Hero Section yang Kuat
| Elemen | Fungsi |
|---|---|
| Headline | Janji utama, jelas dalam 1 kalimat |
| Subheadline | Perjelas untuk siapa dan manfaat konkret |
| CTA tunggal | Satu aksi dominan, hindari banyak pilihan |
| Visual | Perkuat pesan, bukan sekadar dekorasi |
Kenapa Penting?
Hero section memikul beban perhatian paling berat di seluruh halaman. Dalam praktik membangun landing page untuk klien jasa, menyederhanakan hero menjadi satu pesan dan satu tombol sering kali memberi dampak lebih besar daripada mengubah bagian bawah halaman. Hero yang penuh sesak atau dengan banyak CTA cenderung membingungkan dan menurunkan fokus.
Pertanyaan Umum
Apakah hero section harus pakai gambar besar?
Tidak wajib. Yang wajib adalah kejelasan pesan. Visual membantu, tapi headline dan value proposition yang lemah tidak bisa diselamatkan oleh gambar bagus.
Berapa CTA yang ideal di hero?
Satu CTA utama. Pilihan kedua boleh ada sebagai opsi sekunder yang lebih kalem, tapi fokus visual sebaiknya tetap pada satu aksi.
Istilah Terkait