Landing Page & Conversion Rate Optimization

Landing page adalah halaman dengan satu tujuan: membeli, chat, daftar, atau isi form. Berbeda dengan homepage yang melayani banyak tujuan.

10 blok landing page

Above the fold & uji 5 detik

Tunjukkan halamanmu ke 3 orang selama 5 detik, lalu tutup. Tanyakan:

1. Ini produk/layanan apa?
2. Untuk siapa?
3. Apa yang harus kamu lakukan selanjutnya?

Kalau jawabannya meleset, perbaiki headline dan hero sebelum mengubah hal lain.

Formula headline hero

• Hasil + tanpa pain: "Kopi susu ala kafe di rumah — tanpa pahit, tanpa alat mahal"
• Untuk siapa + hasil: "Untuk kamu yang WFH: kopi enak dalam 5 menit, Rp4.000 per gelas"
• Angka spesifik: "2.000+ pelanggan sudah menemukan rasa kopinya. Sekarang giliranmu."

Pilihan platform

Membangun dengan bantuan AI

Asisten AI seperti Claude dan ChatGPT bisa menghasilkan landing page HTML lengkap yang bisa langsung kamu pratinjau dan unggah ke hosting gratis (Netlify Drop, Vercel, GitHub Pages). Cara ini menghasilkan halaman yang sangat cepat — bagus untuk konversi dan SEO.

Buat landing page satu file HTML (CSS di dalam tag style, tanpa framework, tanpa library eksternal kecuali Google Fonts) untuk:

Brand brain: [TEMPEL]
Offer: [DETAIL OFFER + HARGA + BONUS + GARANSI]
Tujuan halaman: [CONTOH: KLIK KE WHATSAPP wa.me/62XXXXXXXXXX DENGAN PESAN "Halo, saya mau pesan Paket Sampler"]
Testimoni asli: [TEMPEL 3–5 TESTIMONI + NAMA/INISIAL]
FAQ: [TEMPEL 6 PERTANYAAN DARI CHAT PELANGGAN]

Struktur: hero (headline, subheadline, CTA, tempat gambar produk), bukti cepat, masalah, cara kerja 3 langkah, manfaat, testimoni, offer, garansi, FAQ (accordion), CTA penutup, footer.
Syarat teknis:
- Mobile-first, terbaca baik di layar 360px, tombol minimal tinggi 48px
- Tombol CTA sticky di bagian bawah layar pada mobile
- Gambar memakai placeholder dengan atribut width/height dan loading="lazy" (kecuali gambar hero)
- Meta title, meta description, dan Open Graph terisi
- Kontras teks memenuhi standar aksesibilitas
- Ukuran total ringan; tidak ada JavaScript kecuali untuk FAQ
Tulis copy dalam bahasa Indonesia sesuai tone brand. Jangan mengarang testimoni — pakai hanya yang saya berikan.

Heuristic LIFT

Evaluasi halaman dengan enam faktor:

1. Value proposition — seberapa jelas dan menarik nilainya? (faktor utama)
2. Relevansi — apakah halaman sesuai dengan iklan/keyword yang membawa orang ke sini?
3. Kejelasan — apakah pesan, desain, dan CTA mudah dipahami?
4. Urgensi — apakah ada alasan (jujur) untuk bertindak sekarang?
5. Kecemasan — apa yang membuat orang ragu? (harga, keamanan, kepercayaan, ongkir)
6. Distraksi — apa yang mengalihkan dari tujuan utama? (menu, link keluar, pop-up)

Data perilaku: lihat apa yang dilakukan pengunjung

Microsoft Clarity (gratis) merekam sesi pengunjung dan membuat heatmap:

• Heatmap klik — elemen mana yang diklik (termasuk yang bukan tombol — tanda kebingungan).
• Scroll map — sampai mana orang menggulir. Kalau 70% berhenti sebelum offer, pindahkan offer ke atas.
• Session recording — tonton 20–30 rekaman. Cari pola: ragu, bolak-balik, rage click.
• Dead click & rage click — indikator frustrasi.

Kombinasikan dengan GA4 (Modul 11): conversion rate per perangkat, per sumber traffic, dan per halaman.

Kamu adalah CRO specialist. Audit landing page berikut dengan framework LIFT (value proposition, relevansi, kejelasan, urgensi, kecemasan, distraksi).

Isi halaman (teks lengkap atau screenshot): [TEMPEL]
Sumber traffic utama & pesan iklannya: [CONTOH: META ADS DENGAN ANGLE "HEMAT"]
Data: [CVR, BOUNCE/ENGAGEMENT RATE, SCROLL DEPTH, CATATAN DARI CLARITY]
Persona & keberatan utama: [RINGKAS]

1. Beri skor 1–5 untuk setiap faktor LIFT dengan bukti spesifik dari halaman.
2. Daftar 10 masalah, urutkan dengan skor PIE (Potential, Importance, Ease — masing-masing 1–10).
3. Untuk 5 masalah teratas, tulis rekomendasi perbaikan konkret (sampai ke contoh copy baru).
4. Ubah 3 rekomendasi teratas menjadi hipotesis A/B test dengan format: Jika [perubahan], maka [metrik] akan [naik/turun], karena [insight].

Langkah eksperimen

1. Hipotesis — format Jika… maka… karena… berbasis data atau VoC.
2. Metrik utama — satu metrik keputusan (misalnya CVR klik WhatsApp). Tambahkan metrik pengaman (misalnya AOV tidak turun).
3. Ukuran sampel & durasi — hitung dengan kalkulator ukuran sampel A/B (banyak tersedia gratis). Jalankan minimal 1–2 minggu penuh agar mencakup pola hari kerja & akhir pekan.
4. Jalankan — bagi traffic secara acak. Jangan mengubah hal lain selama tes.
5. Analisis — cek signifikansi statistik dan apakah hasilnya masuk akal.
6. Dokumentasikan — menang, kalah, atau seri, catat pelajarannya di log eksperimen.

Kalau traffic masih kecil

A/B test butuh traffic yang cukup. Untuk situs kecil (misalnya kurang dari beberapa ratus konversi per bulan):

• Uji perubahan besar (offer baru, headline yang sangat berbeda, struktur halaman berbeda), bukan warna tombol.
• Gunakan uji sebelum–sesudah dengan periode yang sebanding, sambil sadar hasilnya kurang pasti.
• Andalkan riset kualitatif: uji 5 detik, wawancara pelanggan, rekaman sesi.
• Uji pesan lebih dulu di iklan (lebih cepat mendapat data), lalu bawa pemenangnya ke landing page.

Log eksperimen