Lewati ke konten
Dhuha .id

Cari panduan

Tekan Esc untuk tutup · ↑↓ navigasi

Funnel & Landing Page yang Konversi: Anatomi & Optimasi UMKM

Cara membangun funnel pemasaran (TOFU/MOFU/BOFU) dan landing page yang konversi untuk UMKM — dari anatomi struktural, framework copywriting AIDA/PAS, Core Web Vitals, sampai A/B testing.


6 modul 2.5rb kata 13 menit baca

Tinjau terakhir 30 Mei 2026

Peta panduan 4 modul · klik untuk buka

Setelah punya buyer persona dan sistem pengukuran, satu pertanyaan masih tertinggal: ketika pengunjung sampai di situs Anda, apakah mereka bertindak? Banyak UMKM punya cukup traffic tapi konversi minim — masalahnya bukan jumlah pengunjung, tapi kualitas pengalaman saat mereka tiba. Funnel yang jelas dan landing page yang dirancang baik mengubah pengunjung pasif jadi pembeli aktif.

Panduan ini membahas dua konsep terkait erat: funnel pemasaran (jalur dari kesadaran sampai aksi) dan landing page (halaman yang mengkapitalisasi traffic pada momen kritis konversi). Plus dua aspek pendukung: copywriting yang efektif, dan optimasi kecepatan via Core Web Vitals — keduanya sering jadi pembeda antara landing page yang biasa dan yang luar biasa. Ini modul ketiga klaster fondasi pemasaran, setelah riset pasar dan GA4 tracking.

Peta perjalanan

3 lapis

Funnel: TOFU, MOFU, BOFU

< 2,5 dt

Target LCP — load utama

8%

Naik konversi per 0,1 detik speed

2 minggu

Durasi minimum A/B test


01 Modul 1 dari 6

Funnel pemasaran & 3 lapisnya

20 menit

Funnel pemasaran adalah model yang membagi perjalanan calon pembeli menjadi tiga lapis berdasarkan tingkat kesiapan beli. Setiap lapis butuh pesan, channel, dan call-to-action yang berbeda.

Tiga lapis funnel pemasaran
Lapis Tingkat kesiapan Tujuan pesan Contoh channel
TOFU (Top of Funnel) Belum tahu / baru tahu masalah Edukasi, awareness SEO konten, social media organik, content marketing
MOFU (Middle of Funnel) Sadar masalah, evaluasi solusi Bandingkan, bangun trust Email nurturing, comparison content, webinar
BOFU (Bottom of Funnel) Siap beli, evaluasi penjual Konversi, hilangkan friksi Landing page, retargeting ads, demo, free trial

Geser tabel ke samping untuk melihat selengkapnya

Distribusi audiens di tiap lapis tidak merata. Sekitar 70% pengunjung sebuah situs UMKM ada di TOFU (baru tahu, belum siap beli), 20% di MOFU (mengevaluasi), hanya 10% di BOFU (siap aksi). Implikasinya: mendorong pesan “BELI SEKARANG” ke semua pengunjung adalah kesalahan strategis — 90% audiens akan tertolak.

Kenapa UMKM yang sukses jangka panjang menginvestasi di TOFU & MOFU? Karena BOFU adalah hasil dari fondasi sebelumnya. Tanpa awareness yang sehat di TOFU, pipeline ke MOFU tipis; tanpa nurturing MOFU yang baik, konversi BOFU mengandalkan keberuntungan. Tiga lapis ini bekerja sebagai satu sistem — bukan tiga aktivitas yang berdiri sendiri. Tantangan UMKM tahap awal sering bukan “produknya tidak laku” — tapi hanya membangun BOFU tanpa fondasi yang mendukungnya.

Aktivitas tiap lapis

Untuk membantu mengkalibrasi strategi, berikut contoh aktivitas masing-masing lapis untuk tiga sektor UMKM tersering.

Aktivitas funnel per sektor UMKM
Sektor TOFU MOFU BOFU
E-commerce skincare Tips kulit, edukasi ingredient Comparison produk, review honest Diskon code, retargeting cart
Jasa konsultasi Blog topik problem, podcast Case study, webinar Konsultasi gratis 30 menit, demo
F&B (warung/cafe) Konten estetik medsos, food vlog Tour menu, behind-the-scene Promo grand opening, voucher repeat

Geser tabel ke samping untuk melihat selengkapnya


02 Modul 2 dari 6

Anatomi landing page yang konversi

40 menit

Landing page (halaman tujuan kampanye) berbeda dari halaman situs biasa. Tujuan utamanya satu: mengarahkan pengunjung melakukan satu aksi spesifik — beli, signup, isi form, atau install. Karenanya strukturnya dioptimalkan untuk fokus, bukan untuk eksplorasi.

Enam blok wajib landing page

Anatomi landing page yang efektif
Blok Fungsi Yang harus ada Hindari
1. Hero Menjawab 'apa & kenapa' dalam 3 detik Headline + sub + CTA + visual produk/hasil Headline ambigu, video auto-play berisik
2. Social proof Bangun trust cepat Logo klien, testimoni, rating Quote tanpa nama, testimoni umum
3. Manfaat / Value Apa yang pembeli dapat 3–5 benefit, bukan feature list Jargon teknis, fitur tanpa konteks
4. Bukti & detail Bukti spesifik manfaat Demo screenshot, case study angka Klaim tanpa bukti
5. FAQ Hilangkan keberatan terakhir 5–7 pertanyaan yang sering muncul FAQ panjang & generik
6. CTA akhir Ulang ajakan, kurangi friksi Tombol jelas + risk reversal CTA kecil & ambigu

Geser tabel ke samping untuk melihat selengkapnya

Prinsip “One Page, One Goal”

Satu landing page = satu tujuan utama. Bila tujuan adalah “isi form demo”, semua elemen di halaman harus mendukung itu — header tanpa menu navigasi yang menjauhkan, satu CTA dominan yang muncul berkali- kali, distraksi minimal. Banyak halaman situs gagal jadi landing page yang baik karena dirancang untuk eksplorasi (menu, link banyak), bukan fokus.

Banyak UMKM menyamakan landing page dengan “halaman penjualan panjang yang penuh promosi”. Itu salah arah. Landing page yang efektif punya panjang yang proporsional dengan kompleksitas tawaran. Tawaran simpel (gratis ebook): pendek, langsung ke CTA. Tawaran kompleks (jasa B2B mahal): lebih panjang, banyak bukti & FAQ. Yang penting bukan panjang fisik, melainkan kepadatan informasi yang relevan ke pembaca pada tahap pertimbangannya.

Above the fold — area paling kritis

“Above the fold” adalah area yang terlihat tanpa scroll. Untuk landing page, ini adalah kesempatan pertama dan terbaik untuk mengkonversi. 4 elemen wajib di area ini:


03 Modul 3 dari 6

Framework copywriting AIDA & PAS

30 menit

Copywriting yang efektif punya struktur — bukan sekadar “menulis yang bagus”. Dua framework standar yang dipakai luas, masing-masing cocok untuk konteks berbeda.

AIDA — untuk audiens yang belum sadar

AIDAAIDA — Attention, Interest, Desire, ActionFormula copywriting klasik: tarik perhatian → bangun minat → ciptakan keinginan → arahkan ke aksi. Cocok untuk landing page, email, dan iklan dengan tujuan konversi langsung. adalah framework klasik 4 tahap: Attention → Interest → Desire → Action. Cocok untuk landing page yang mengarah ke audiens cold (belum kenal brand atau masalah).

Framework AIDA untuk landing page
Tahap Tujuan Tools / contoh
Attention Buat berhenti scroll Headline curiosity-gap, visual mengejutkan
Interest Tahan perhatian Sub-headline yg relate ke situasi pembaca
Desire Bangun keinginan Manfaat konkret, bukti, transformasi
Action Arahkan ke aksi CTA jelas, risk reversal (gratis, garansi)

Geser tabel ke samping untuk melihat selengkapnya

PAS — untuk audiens yang sudah sadar masalah

Problem → Agitate → Solution lebih kuat untuk audiens yang sudah sadar masalah (mis. mereka cari di Google “cara X”). Tidak perlu menarik perhatian dari nol — langsung resonan ke pain.

Framework PAS untuk landing page
Tahap Tujuan Contoh
Problem Konfirmasi masalah pembaca 'Bingung pilih KBLI untuk usaha?'
Agitate Tunjukkan konsekuensi bila tidak diatasi 'Salah KBLI = izin tidak sah, risiko sanksi'
Solution Tawarkan solusi spesifik 'Panduan lengkap memilih KBLI dalam 1 jam'

Geser tabel ke samping untuk melihat selengkapnya


04 Modul 4 dari 6

Kecepatan & Core Web Vitals

35 menit

Google menerbitkan tiga metrik teknis sebagai sinyal kualitas pengalaman pengguna: LCP, INP, dan CLS. Selain mempengaruhi ranking SEOSEO — Search Engine OptimizationPraktik optimasi situs web agar mudah ditemukan di hasil pencarian organik (Google, Bing). Mencakup teknis (kecepatan, struktur URL, schema), konten (kata kunci, relevansi), dan off-page (backlink)., ketiganya berdampak langsung ke konversi.

Peningkatan 0,1 detik kecepatan load page bisa menaikkan conversion rate hingga 8%. Situs yang lulus semua threshold Core Web Vitals mengalami 24% lebih rendah abandonment rate.

Google Web Vitals report 2024

Tiga metrik Core Web Vitals

Core Web Vitals — threshold target 2026
Metrik Mengukur Target 'baik' Apa yang bikin buruk
LCP (Largest Contentful Paint) Kapan konten terbesar muncul < 2,5 detik Image besar tidak ter-optimasi, server lambat
INP (Interaction to Next Paint) Responsivitas saat user interaksi < 200 ms JavaScript berat, banyak third-party script
CLS (Cumulative Layout Shift) Stabilitas layout saat load < 0,1 Image tanpa width/height, ad inject tanpa space

Geser tabel ke samping untuk melihat selengkapnya

Optimasi praktis untuk UMKM

01

Compress & lazy-load gambar

Gambar adalah penyebab #1 LCP buruk. Pakai WebP/AVIF (lebih kecil dari JPG/PNG). Lazy-load image yang tidak above-the-fold dengan loading=“lazy”.

02

Preload critical resources

Font utama, hero image, CSS critical — preload di <head> dengan <link rel=“preload”> supaya browser fetch lebih cepat.

03

Minimize JavaScript pihak ketiga

Tiap chat widget, analytics, ad pixel menambah beban. Audit: apakah benar-benar perlu? Hapus yang tidak. Lazy-load yang perlu setelah interaksi.

04

Set image dimensions

Selalu set width dan height attribute di image — mencegah CLS karena browser tahu space sebelum load selesai.

05

Test dengan PageSpeed Insights

Pakai PageSpeed Insights untuk score & rekomendasi spesifik. Test versi mobile & desktop. Fokus mobile — 84% audiens Indonesia akses dari sana.


05 Modul 5 dari 6

CTA & form optimization

30 menit

Call-to-action (CTA) adalah momen kritis — saat keinginan diubah jadi tindakan. Detail kecil sering jadi pembeda antara konversi dan bouncing.

Desain CTA yang efektif

Anatomi CTA yang konversi
Elemen Best practice Contoh
Wording Kata kerja aksi + manfaat 'Daftar gratis 14 hari' bukan 'Submit'
Warna Kontras tinggi dengan background Tombol oranye di background krem
Ukuran Cukup besar untuk thumb mobile Min 44×44 px tap target
Lokasi Above-the-fold + diulang di akhir 2–3 lokasi sepanjang halaman
Risk reversal Hilangkan keraguan 'Gratis, tanpa kartu kredit'
Loading state Feedback saat diklik Spinner / 'Mengirim...'

Geser tabel ke samping untuk melihat selengkapnya

Form yang tidak menyerah di tengah jalan

Form adalah killer #1 konversi. Setiap field tambahan menurunkan completion rate 5–10%. Prinsip: minta yang minimal cukup.


06 Modul 6 dari 6

A/B test & iterasi berulang

30 menit

Optimasi landing page tanpa A/B test adalah tebakan. Bagaimanapun sehebat designer, dugaan tentang “mana yang lebih konversi” sering salah. Data uji adalah satu-satunya cara untuk tahu pasti.

Apa yang di-test (prioritas)

Mulai dari elemen dengan dampak paling besar.

Prioritas A/B test untuk landing page
Elemen Dampak potensial Effort
Headline utama Tinggi — bisa 2x konversi Rendah
CTA wording & warna Tinggi Rendah
Hero image vs video Tinggi Sedang
Form (jumlah field) Tinggi Rendah
Social proof placement Sedang Rendah
Body copy framework Sedang Sedang
Warna primer brand Rendah Tinggi

Geser tabel ke samping untuk melihat selengkapnya

Tentukan satu hipotesis spesifik tiap test, bukan “yang lebih bagus”. Misalnya: “Headline yang menyebutkan harga akan menaikkan konversi 15% karena audiens kami sensitif harga”. Hipotesis bantu menginterpretasi hasil — bila kalah, Anda belajar sesuatu konkret tentang audiens, dan test berikutnya bisa lebih tajam dengan menghindari asumsi yang salah.

Aturan A/B test yang valid

01

Test satu variabel pada satu waktu

Bila Anda ubah headline + CTA + image bersamaan, tidak tahu mana yg menggerakkan hasil. Isolate satu variabel per test.

02

Tetapkan hipotesis sebelum test

‘Saya percaya headline B akan menaikkan konversi karena lebih spesifik’. Hipotesis bantu interpretasi hasil & pelajaran.

03

Jalan minimal 2 minggu atau sampai signifikansi 95%

Test pendek sering memberi hasil acak. Pakai A/B test calculator untuk verify.

04

Dokumentasikan hasil & pelajaran

Bahkan test yang gagal mengajarkan sesuatu. Catat di spreadsheet: apa yang dites, hipotesis, hasil, kesimpulan untuk test berikutnya.

05

Implementasikan pemenang & iterate

Ganti default ke versi menang. Mulai test berikutnya. Optimasi adalah proses kontinu — bukan one-shot.


Kesalahan umum landing page & funnel

  • Satu halaman untuk semua audiens. Pesan tidak resonan ke siapa-siapa. Bangun landing page spesifik per kampanye.
  • CTA tidak jelas atau terlalu banyak. Satu landing page = satu CTA dominan. Multiple CTA membingungkan.
  • Form panjang di awal. Tiap field tambahan turunkan completion 10%. Mulai minimal, perdalam belakangan.
  • Mengabaikan kecepatan mobile. 84% audiens lewat HP — lambat di mobile = kehilangan mayoritas.
  • Tidak ada A/B test. Optimasi tebakan tidak mungkin konsisten baik. Setup minimal 1 test aktif terus.
  • Fokus hanya BOFU. Tanpa TOFU & MOFU yang sehat, pipeline kering.
  • Tidak mengukur (lihat modul GA4). Tracking yang benar adalah prasyarat optimasi.

Checklist landing page yang konversi


Penutup

Landing page yang konversi bukan hasil tebakan kreatif — ia produk dari struktur yang teruji (anatomi 6 blok), copywriting yang berbasis framework (AIDA/PAS), kecepatan yang terukur (Core Web Vitals), dan iterasi berbasis data (A/B test). Untuk UMKM dengan resource terbatas, investasi waktu di lima area ini menghasilkan return berlipat — karena tiap rupiah anggaran iklan jadi lebih efisien saat landing page-nya optimal.

Funnel yang sehat melindungi sistem pemasaran dari ketergantungan hanya pada BOFU. Distribusi pesan dan channel ke TOFU+MOFU+BOFU membangun pipeline berkelanjutan, bukan sekadar burst kampanye yang mengering.

Dengan tiga modul fondasi klaster A sekarang lengkap (riset pasar, tracking, funnel & landing), Anda punya kerangka untuk membangun pemasaran digital yang berbasis data. Lanjutkan ke klaster berikutnya di Panduan Strategi Pemasaran Digital UMKM — SEO yang lebih dalam, social media organik, atau iklan berbayar. Topik pemasaran lain di kategori Pemasaran.

Pertanyaan yang sering muncul

Apa beda funnel dan customer journey?
Funnel adalah model linier dari kesadaran ke pembelian (TOFU → MOFU → BOFU). Customer journey lebih kompleks — non-linier, bisa mundur, melibatkan multiple touchpoint. Untuk UMKM tahap awal, model funnel sederhana cukup; customer journey lebih relevan saat skala dan kompleksitas meningkat.
Apakah satu landing page bisa untuk semua kampanye?
Tidak ideal. Landing page yang efektif fokus pada satu pesan, satu audiens, satu CTA. Beberapa kampanye berbeda audiensi atau tawaran sebaiknya punya landing page sendiri. Untuk UMKM dengan resource terbatas, mulai dari 2–3 landing page (per kampanye besar), bukan 1 generik atau 10 spesifik.
Berapa konversi rate yang 'bagus' untuk landing page UMKM?
Bergantung sektor & jenis tawaran. Patokan kasar: signup newsletter 5–15%, isi form lead 2–10%, pembelian e-commerce 1–3%. Lebih penting dari benchmark absolut: track konsisten, lalu kerja menaikkan dari basis Anda sendiri lewat A/B test.
Apakah Core Web Vitals penting untuk UMKM kecil?
Ya, signifikan. Selain pengaruh ke SEO (Google ranking), pengaruh konversi langsung: peningkatan 0,1 detik load speed = naik konversi 8%. Audiens Indonesia 84% akses lewat smartphone — kecepatan = uang. Untuk UMKM, target LCP <2,5 detik adalah bottom line wajib.
Apa framework copywriting yang paling cocok untuk pemula?
AIDA (Attention, Interest, Desire, Action) klasik dan mudah diingat. PAS (Problem, Agitate, Solution) cocok untuk audiens yang sudah sadar masalah. Untuk UMKM, mulai dari AIDA: pakai untuk hero & body kopi, lalu eksperimen variasi.
Berapa lama A/B test harus dijalankan?
Minimal 2 minggu atau sampai mencapai signifikansi statistik (95% confidence). Test yang dihentikan terlalu cepat sering memberi hasil acak. Untuk UMKM dengan traffic kecil (di bawah 1.000 pengunjung/bulan), test mungkin butuh 4–6 minggu — sabar dan jangan stop saat 'kelihatan menang'.

Panduan lain dari Pemasaran