Blog Pidgo
Desain Hero Section Website yang Menarik, Komponen dan Contoh Prompt
Hero section adalah bagian paling atas halaman, yang terlihat sebelum pengunjung menggulir. Tugasnya menjawab tiga pertanyaan: ini apa, untuk siapa, dan apa yang harus saya lakukan sekarang. Kalau salah satu tidak terjawab, pengunjung mudah pergi.
Komponen hero section
- Headline: satu kalimat singkat yang menyebut manfaat utama.
- Subheadline: satu atau dua kalimat yang menjelaskan lebih rinci.
- Tombol ajakan (CTA): satu aksi utama dengan kata kerja yang jelas, misalnya "Pesan lewat WhatsApp".
- Visual: foto produk, tangkapan layar, ilustrasi, atau animasi ringan.
- Elemen pendukung (opsional): logo klien, atau ikon metode pembayaran. Pakai hanya kalau datanya nyata.
Prinsip desain
- Jelas lebih penting daripada kreatif. Pengunjung harus paham tanpa membaca dua kali.
- Satu aksi utama. Dua tombol dengan bobot sama membuat orang bingung memilih.
- Rancang untuk HP dulu. Banyak pengunjung membuka dari ponsel, jadi cek susunan vertikalnya lebih awal.
- Ruang kosong yang cukup. Elemen yang terlalu rapat terasa berisik.
- Ringan. Gambar besar dan video latar memperlambat halaman. Kompres sebelum dipakai.
Contoh prompt
Kamu desainer web. Buat hero section untuk {BRAND}.
Headline berisi manfaat utama: {MANFAAT}.
Subheadline satu kalimat tentang {PRODUK}.
Satu tombol: {AKSI}.
Nada bahasa: {TONE}.
Tata letak di tengah, latar bersih, satu warna aksen.
Di HP, susun vertikal dan tombol selebar layar.
Isi tiga atau lima variabel itu, tempel ke tool AI kamu, lalu revisi satu hal per putaran: jarak, ukuran font, atau warna tombol.
Menulis headline yang kuat
- Sebut hasil yang didapat pembaca, bukan fitur produk.
- Hindari kata yang bisa ditulis siapa saja, seperti "solusi terbaik".
- Jangan menjanjikan hasil yang tidak bisa kamu buktikan.
Satu prompt di Pidgo, Headline 10 Angle, memberi sepuluh sudut pandang headline untuk satu produk, jadi kamu bisa memilih yang paling pas.
Pidgo dan hero section
Pidgo punya kategori Hero Sections, dan prompt Centered Minimal Hero termasuk dalam yang bisa disalin gratis setelah masuk dengan akun Google. Tiap prompt punya preview live, jadi kamu melihat hasil render aslinya sebelum membeli.
Lihat 43+ preview live dan coba 5 prompt gratis di pidgoapp.online. Basic Rp99.000, Pro Rp199.000, sekali bayar, bukan langganan.