Apa itu gambar hero landing page?
Gambar hero landing page adalah visual besar di bagian paling atas halaman, hal pertama yang dilihat pengunjung. Gambar ini menentukan suasana dan membingkai penawaran Anda. Ia juga memutuskan apakah pengunjung mau menggulir ke bawah. Karena bebannya besar, foto stok generik jarang cukup.
Morphic membuat hero yang dirancang untuk halaman Anda, bukan pinjaman dari pustaka. Jelaskan adegan, suasana, dan ruang untuk headline, hasilkan opsi di browser, pilih yang pas, lalu unduh dalam HD. Banyak pengunjung membuka halaman dari HP, jadi pikirkan layar kecil sejak awal.
Rencanakan komposisi di sekitar teks
Hero berbagi frame dengan headline dan tombol. Tentukan dulu posisi teksnya, lalu rancang visual agar area itu tetap bersih. Minta ruang kosong di satu sisi gambar supaya headline Anda terbaca jelas di atasnya.
Jelaskan adegan dan suasana
Katakan apa yang harus tampak di gambar dan nuansanya: cerah dan energik, tenang dan premium, atau berani dan dramatis. Sebut subjek, latar, dan pencahayaan. Hasilkan beberapa arah, misalnya untuk landing page promo, kelas online, atau produk UMKM, lalu bandingkan sebelum memilih.
Sesuaikan dengan brand
Perbaiki opsi terbaik sampai warna dan nadanya cocok dengan brand. Geser palet, pencahayaan, atau penataan agar hero terasa bagian dari situs Anda, bukan sisipan stok. Kalau arahnya sudah dekat, ubah gayanya, jangan mulai dari nol.
Ekspor sesuai ukuran yang dibutuhkan halaman
Hero biasanya butuh versi lebar untuk desktop dan crop yang lebih tinggi untuk HP. Sesuaikan gambar ke kedua rasio aspek agar subjek tetap terbingkai di semua layar, lalu unduh masing-masing dalam HD. Pastikan area teks tetap bersih di keduanya.
Produk hero yang sama dengan ruang aman untuk teks di sisi yang berlawanan.
Apa yang membuat gambar hero bagus
| Kualitas | Artinya | Kenapa penting |
|---|---|---|
| Ruang untuk teks | Area bersih untuk headline dan tombol | Pesan Anda tetap terbaca di atas gambar |
| Fokus jelas | Satu subjek yang pertama ditangkap mata | Pengunjung memahami penawaran sekilas |
| Nada sesuai brand | Warna dan suasana cocok dengan situs | Halaman terasa disengaja, bukan tempelan |
| Framing responsif | Berfungsi di layar lebar maupun tinggi | Hero tetap tampil baik di desktop dan HP |
Morphic vs foto stok
| Morphic | Pustaka foto stok | |
|---|---|---|
| Biaya | Satu alat di browser | Lisensi per gambar yang terus menumpuk |
| Waktu | Hero khusus dalam satu sesi browser | Berjam-jam mencari yang mendekati |
| Skill yang dibutuhkan | Tulis prompt yang jelas | Kemampuan mencari plus mengedit agar pas |
| Kecocokan dengan pesan | Hasilkan persis adegan Anda | Berkompromi dengan hasil stok terdekat |
FAQ
Biasanya perlu. Ekspor versi lebar untuk desktop dan crop yang lebih tinggi untuk HP. Dengan begitu subjek tetap terbingkai dan area teks tetap bersih di semua layar. Banyak pengunjung membuka halaman dari HP, jadi periksa versi ini lebih dulu.
Minta ruang kosong di sisi tempat teks akan berada. Merencanakan komposisi di sekitar teks membuat headline tetap terbaca, bukan bertarung dengan latar yang ramai.
Boleh. Hero yang Anda buat dengan Morphic boleh Anda terbitkan di halaman pemasaran dan kampanye Anda.
Ekspor dalam HD agar gambar tetap tajam di layar besar dan layar beresolusi tinggi. Untuk halaman yang dibuka dari HP, ukuran file ikut menentukan kecepatan muat, jadi kompres gambar sebelum dipasang di situs. Mulai dari hasil generate yang bersih membantu menjaga kualitas di semua ukuran.
Bisa. Perbaiki gambar yang dihasilkan sampai palet dan nadanya sejalan dengan brand. Geser warna dan pencahayaan, jangan mulai dari nol saat arahnya sudah dekat.
Foto stok memaksa Anda berkompromi dengan foto terdekat yang tersedia. Dengan membuat sendiri, adegan, suasana, dan framing cocok persis dengan penawaran Anda.