BAB Framework
Before → After → Bridge
Framework marketing psychology terbukti untuk testimonial dan studi kasus dengan visualisasi transformasi yang powerful
Mengapa BAB Framework?
BAB adalah framework marketing psychology yang sangat efektif untuk testimonial, studi kasus, dan landing page. Framework ini menggunakan visualisasi before-after untuk membangun desire dan credibility, menghasilkan conversion rate yang jauh lebih tinggi dibanding pendekatan konvensional.
3 Komponen BAB Framework
Setiap komponen dirancang untuk membangun visualisasi transformasi yang mendorong action
Gambarkan Kondisi Awal Bermasalah
Apa yang Dilakukan?
Gambarkan situasi masalah atau kondisi tidak ideal saat ini dengan detail yang relatable.
Cara Kerja
Before harus relatable dengan target audiens. Gunakan bahasa yang membuat mereka mengangguk "Ya, ini masalah saya!" dan tunjukkan dampak emosional atau finansial.
Contoh Implementasi
Visualisasi Kondisi Ideal
Apa yang Dilakukan?
Lukiskan kondisi ideal setelah menggunakan produk/layanan dengan detail yang vivid dan spesifik.
Cara Kerja
After harus spesifik dengan angka/metrik dan timeline. Buat audiens bisa membayangkan diri mereka dalam kondisi ideal tersebut dengan outcome yang terukur.
Contoh Implementasi
Jembatan Menuju Transformasi
Apa yang Dilakukan?
Jelaskan bagaimana produk/layanan menjadi jembatan menuju kondisi ideal tersebut.
Cara Kerja
Bridge harus credible dengan unique selling proposition. Tunjukkan bagaimana produk/layanan secara spesifik mengatasi masalah dan menghasilkan transformasi.
Contoh Implementasi
Use Case Praktis
Contoh implementasi BAB Framework di berbagai industri
Program kebugaran premium dengan personal training
Platform manajemen proyek untuk tim enterprise
Program coaching eksekutif untuk CEO UKM
Template Siap Pakai
Template praktis untuk implementasi BAB Framework di berbagai channel
Template Structure
**Before (Masalah Awal):** [Gambarkan situasi bermasalah saat ini dengan detail emosional] **After (Transformasi Dramatis):** [Sekarang kondisi ideal dengan angka spesifik dan timeline] **Bridge (Solusi yang Menghubungkan):** [Produk/layanan sebagai jembatan dengan unique selling proposition] **CTA:** [Call-to-action dengan urgency dan risk reversal]
Template Structure
**Headline (Before State):** [Masalah spesifik] yang Bikin [Target Audiens] Rugi [Konsekuensi] **Subheadline (After Vision):** Bayangkan [kondisi ideal] dengan [hasil spesifik] **Bridge Section:** Dengan [produk/layanan], Anda bisa: - [Benefit 1 dengan angka] - [Benefit 2 dengan timeline] - [Benefit 3 dengan outcome] **Results Section:** [Metrics konkret] + [testimonial quote] + [before-after visual] **CTA Section:** [Specific action] dengan [urgency dan guarantee]
Detail implementasi
Cara memakai BAB di bisnis nyata
Pakai saat traffic sudah ada tetapi orang belum klik, belum chat, belum checkout, atau masih ragu. Fokusnya mengubah perhatian menjadi action dengan struktur pesan yang tajam.
Visual map
Sales message & conversion
Hook
Pain / value
Proof
CTA
Kapan dipakai
Saat masalah utama sesuai dengan stage dan konteks keputusan pelanggan.
Jangan dipakai kalau
Jangan dipakai untuk menekan prospek yang belum paham masalah. Kalau awareness dan trust masih rendah, mulai dari edukasi atau positioning dulu.
Metric dicek
CTR, click-to-chat, form completion rate, checkout rate, close rate, dan cost per qualified lead.
Jasa B2B
ContohKurang tajam
Kami menyediakan layanan digital marketing profesional.
Lebih operasional
Iklan jalan, lead masuk, tapi closing tetap kecil? Kami audit tracking, kualitas lead, dan pesan offer supaya budget tidak habis untuk prospek yang tidak siap beli.
Catatan: Masalah, akibat, dan solusi ditulis langsung.
E-commerce
ContohKurang tajam
Produk premium dengan harga terjangkau.
Lebih operasional
Dress kerja yang tetap rapi seharian, tersedia panduan ukuran, real photo pembeli, dan opsi tukar ukuran 7 hari.
Catatan: Benefit, trust, dan risk reversal dibuat konkret.
Kursus online
ContohKurang tajam
Belajar dari nol sampai mahir bersama mentor terbaik.
Lebih operasional
Mulai dari audit campaign sendiri, belajar membaca data mingguan, lalu tahu kapan harus scale, hold, atau stop iklan.
Catatan: Outcome dibuat operasional, bukan klaim umum.
Rule praktis Rama Digital
Jangan pakai BAB sebagai template copy mentah. Pakai sebagai alat berpikir: diagnosis masalah, pilih angle, tulis contoh sesuai market, lalu ukur efeknya di funnel.
Sumber & pencetus
Tidak ada satu pencetus tunggal yang terdokumentasi. BAB tumbuh dari tradisi copywriting direct-response klasik dan baru dikodifikasi sebagai formula bernama 'Before-After-Bridge' oleh komunitas digital marketing era 2010-an, dipopulerkan lewat rangkuman formula copywriting Buffer (awalnya ditulis Kevan Lee sekitar 2014). Sering keliru diklaim sebagai ciptaan satu tokoh iklan klasik; atribusinya sebenarnya kolektif.
BAB menata pesan dalam tiga langkah: gambarkan Before (kondisi bermasalah pembaca sekarang), lukiskan After (hidup setelah masalah itu hilang), lalu tunjukkan Bridge (produk atau jasa Anda sebagai jembatan dari Before ke After).
Buffer: panduan formula copywriting yang memuat Before-After-BridgeRelevansi di era AI
AI bisa menulis draf Before dan After dalam hitungan detik, tapi bagian Before yang benar tetap butuh riset nyata (keluhan pelanggan, review Google, isi chat WA) yang tidak bisa dikarang model. Di AI search dan GEO, mesin jawaban seperti AI Overviews atau ChatGPT cenderung mengutip halaman yang menyandingkan masalah dan solusi secara eksplisit, jadi struktur Before ke After ke Bridge memperbesar peluang konten Anda dipetik sebagai jawaban. Di iklan otomatis (Advantage+, Performance Max), targeting sudah diserahkan ke algoritma, sehingga yang tersisa untuk dikontrol adalah kualitas narasi transformasi dan proof di Bridge. Pakai AI untuk memproduksi puluhan varian Before/After per segmen, lalu biarkan data yang memutuskan mana yang menang.
Aktivasi per channel iklan
Cara memakai BAB di setiap platform
Meta Ads
Facebook & Instagram
Jadikan Before sebagai hook 3 detik pertama di video UGC (mis. pemilik klinik kecantikan mengeluh 'DM masuk banyak tapi jarang ada yang booking'), lalu After menampilkan kalender booking penuh dan Bridge menutup dengan penawaran. Jalankan di Advantage+ dengan targeting broad, dan kirim event Lead/Purchase lewat Conversions API (CAPI) supaya sinyal After memperkuat pembelajaran algoritma; untuk retargeting, katalog/DPA menayangkan ulang produk After yang sudah dilihat.
Google Ads
Search, PMax, YouTube
Di Search, keyword adalah sinyal Before (mis. 'jasa akuntansi UMKM ribet lapor pajak'), jadi headline RSA harus mencerminkan masalah itu persis lalu menjanjikan After yang terukur, dengan Enhanced Conversions supaya sinyal After akurat. Di Performance Max atau AI Max for Search, pisahkan Before di headline dan After di deskripsi asset group, dan pakai audience signal dari daftar pelanggan; versi video Before-After-Bridge penuh cocok dijalankan sebagai demand-gen di YouTube.
TikTok Ads
Spark Ads & Smart+
Buka dengan Before di bawah 3 detik pakai gaya native (mis. owner F&B mengeluh 'ramai pas jam makan, sepi total di luar itu'), tunjukkan After lewat lonjakan order dari promo happy hour, lalu Bridge ke produk atau jasa. Boost konten organik yang sudah perform lewat Spark Ads, pasang TikTok Pixel/Events API agar Smart+ mengoptimasi ke aksi After, dan ikuti sound serta format yang sedang tren supaya Before terasa relatable.
LinkedIn Ads
B2B & lead gen
Untuk B2B high-ticket (mis. SaaS payroll atau jasa konsultan pajak), tulis Before dari sudut pain jabatan spesifik ('HR Manager masih hitung payroll 200 karyawan manual di Excel'), After berupa outcome bisnis yang terukur, dan Bridge sebagai ajakan demo atau konsultasi. Sasar berdasarkan jabatan, industri, dan company size, tangkap Bridge lewat Lead Gen Form yang terisi otomatis; format Document Ads atau thought-leadership pas untuk narasi Before ke After yang lebih panjang meski biaya per lead lebih tinggi.
Penerapan di owned channel
Landing page, email, dan WA broadcast
Landing Page
Susun hero sebagai Before ke After (headline masalah, subheadline visi sesudahnya), sisipkan proof berupa angka, testimoni, dan visual before-after sebagai Bridge, lalu arahkan ke satu tujuan konversi. Pasang event tracking di CTA dan jaga kecepatan halaman agar momentum After tidak putus sebelum orang klik.
Subject line memancing Before ('Masih rekap penjualan pakai Excel tiap malam?'), body membangun After, dan CTA berperan sebagai Bridge. Manfaatkan segmentasi supaya Before tiap segmen berbeda, dan bangun sequence otomatis yang mengulang pola BAB dengan sudut masalah baru di setiap email.
WA Broadcast
Kirim hanya ke kontak yang sudah opt-in dan menyimpan nomor Anda, atau lewat WhatsApp Business API dengan template message yang sudah disetujui, dan pakai label/segmen agar Before relevan per grup. Buka pesan dengan satu kalimat Before yang spesifik lalu tutup dengan Bridge berupa link atau CTA singkat; hindari blast massal tanpa izin supaya tidak dianggap spam.
Siap Implementasi BAB Framework?
Tim expert kami siap membantu Anda mengimplementasikan BAB Framework untuk meningkatkan conversion rate dan sales performance bisnis Anda.
Pendampingan kami berfokus pada implementasi BAB Framework yang lebih tepat untuk bisnis Anda: pengambilan keputusan yang lebih tajam, arah strategi yang lebih jelas, dan eksekusi yang lebih terarah.