MASA by LabMu · CX3 · Product Recommendation Report · CX → PD Bridge

Product Recommendation

Jembatan antara analisis CX dan eksekusi Product Design. Setiap fitur MASA mendapat brief terstruktur: apa yang harus dilakukan (fix / enhance / build / reskin), kenapa (evidence dari CX1+CX2), bagaimana (copy direction + state + trust signal), dan success metric.

Input  CX1 Journey Map · CX2 Strategy Bundle · 12 pain points · 5 MoT · 6 strategies
Output  Brief per fitur untuk Product Designer
Format  Per fitur: Action · CX Evidence · PD Brief · Copy Direction · States · Metrics

§1Cara membaca dokumen ini

Ini bukan analisis lagi — ini instruksi. Setiap rec card adalah brief yang Product Designer bisa langsung eksekusi. CX sudah memutuskan apa dan kenapa; PD memutuskan bagaimana di pixel-level.

4 jenis action: FIX = bug yang merusak trust, harus selesai pertama. ENHANCE = fitur existing yang perlu ditingkatkan CX-nya. BUILD = fitur baru yang belum ada. RESKIN = hanya visual update ke token v1.1, flow tidak berubah.

§2Summary — semua fitur, 1 tabel

#FiturActionCX StrategyPriority
1Iuran KTAMFixS6 Bug-First + S4 TrustP0
2Notifikasi SettingFixS6 Bug-First + S3 RetentionP0
3NBM / Profil SyncFixS6 Bug-FirstP0
4OnboardingEnhanceS1 ActivationP1
5Beranda (3 segmen)EnhanceS1 Activation + S2 EngagementP1
6Jadwal SholatEnhanceS2 Engagement (Bridge A)P1
7Al-Qur'anEnhanceS2 Engagement (Bridge B) + S3 RetentionP1
8Donasi LazisMuEnhanceS4 TrustP1
9Sedekah SubuhBuildS3 Retention (anchor)P1
10DoaEnhanceS2 EngagementP2
11ZakatEnhanceS4 TrustP2
12QurbanMuEnhanceS4 Trust + S5 LoyaltyP2
13Ranting SayaBuildS4 Trust (Layer 4)P2
14BeritaEnhanceS2 EngagementP2
15VideoEnhanceS2 EngagementP2
16EventEnhanceS5 LoyaltyP3
17e-KTAMReskinS4 TrustP3
18KiblatReskinP3
19KHGTEnhanceS4 TrustP3
20ChatHPTBuildS4 Trust + S2 EngagementP3

§3P0 — Bug Fixes (harus selesai pertama)

01
Iuran KTAM
Payment flow + trust reframe
Fix
S6 + S4
CX Evidence
  • Pain P0-1: VA blank — dead-end tanpa error state
  • Pain P1-2: "Kalau bisa gak ada iuran bulanan" — value tidak dikomunikasikan
  • MoT #2: First payment = make-or-break trust
Play Store: "ngeblank" · 3+ reviews · Firebase: liveness_success 39rb
PD Brief
  • Error state: "Nomor rekening belum bisa dibuat sekarang" + recovery inline (QRIS / retry / transfer)
  • Reframe: "Partisipasi kader" + breakdown dana (40% dakwah · 35% kaderisasi · 25% AUM)
  • States wajib: idle · loading · error+recovery · success+kuitansi
  • Trust signal: kuitansi resmi + makna partisipasi di success
Copy Direction
"Partisipasi-mu sebagai kader bulan Mei: Rp 25.000. Untuk dakwah, kaderisasi, dan amal usaha."
"Nomor rekening belum bisa dibuat sekarang. Coba QRIS, atau coba lagi sebentar."
VA success ≥95%Rating 4.6→4.70 bug 1★
02
Notifikasi Setting
Respect fix + per-kategori + permission primer
Fix
S6 + S3
CX Evidence
  • Pain P0-2: "Sudah dimatikan tapi masih bunyi" — setting tidak dihormati
  • MoT #5: Notif fatigue → uninstall / permission revoke → semua loop mati
Play Store review · semua segmen · MoT #5 (CX1)
PD Brief
  • Toggle per-kategori: Adzan · Sedekah · Iuran · Event (4 toggle)
  • Per-waktu granular: Subuh adzan / Ashar getar / Maghrib mati
  • Permission primer: modal MASA sebelum OS dialog
  • Konfirmasi eksplisit: "Yang kamu matikan, benar-benar mati."
  • Frequency cap: max 2 push/hari (backend contract)
Copy Direction
"Aktifkan notifikasi agar kami bisa mengingatkan waktu sholat. Suara bisa kamu atur kapan saja."
"✓ Yang kamu matikan, benar-benar mati."
Notif tickets → 0Grant rate +20pp
03
NBM / Profil Sync
Backend fix + UI indicator
Fix
S6
CX Evidence
  • Pain P1-3: "Nomor NBM beda, foto profil terisi sendiri"
  • Kader segmen — identitas salah = trust hancur
Play Store review · CX1 Kader journey
PD Brief
  • UI indicator: "✓ NBM tersinkron benar" atau "⚠ Hubungi admin ranting"
  • Backend contract: reconciliation job + idempotency pada M-ID sync
  • Ini terutama backend fix — PD hanya tambah status indicator di Profil
Metrics
NBM sync accuracy ≥99.5%Profile mismatch reports → 0

§4P1 — Enhance & Build (setelah P0 fix selesai)

04
Onboarding
3-segment entry + credential hook + permission primer
Enhance
S1
CX Evidence
  • Pain P0-3: "Semua kebaikan berkumpul" = generik, no unique claim
  • MoT #1: First 30 seconds — 51% user hilang di W0→W1
  • 3 segmen dengan motivasi berbeda mendapat 1 experience yang sama
PD Brief
  • Step 1: Credential hook — "100 tahun Muhammadiyah"
  • Step 2: 3-segment picker (Kader / Muslim / Habit) → menentukan Beranda
  • Step 3: Permission primer (notif + lokasi)
  • Step 4: Login M-ID / skip (guest)
  • Max 4 step ke Beranda · skippable · default Muslim umum
Copy + Metrics
"Sudah 100 tahun Muhammadiyah membimbing umat. Sekarang, dalam satu aplikasi."
"MASA ingin menyesuaikan pengalamanmu. Mana yang paling kamu rasakan?"
W1 ret. 49%→≥65%Onboard complete ≥80%Segment select ≥70%
05
Beranda (3 segmen + guest)
Adaptive hub · NOW + pucks + content feed
Enhance
S1 + S2
CX Evidence
  • Pain P0-3,4: 19 modul bernomor tanpa hierarki; dead-end
  • Segment dari onboarding harus tercermin di Beranda
  • Berita, Video, Event, Pesan Hari Ini harus di-surface di Beranda
PD Brief
  • NOW zone: countdown sholat + Bridge A
  • Pesan Hari Ini: hadits/doa berubah setiap hari (variable reward)
  • Puck grid: 4×2 layanan (Gojek-style) — konten berubah per segmen
  • Content feed: Berita cards + Video cards (horizontal scroll)
  • Event card: event terdekat dari ranting/cabang
  • 4-tab nav: Beranda · Ibadah · Beri(FAB) · Saya
  • 4 variant: Kader (ranting+KTAM), Muslim (ibadah), Habit (streak), Guest (limited)
Metrics
D2 return ≥55%Scroll depth ≥3 sectionsPuck tap rate ≥40%Bridge A conv ≥15%
06
Jadwal Sholat
Bridge A + doa reward + notif per-waktu
Enhance
S2
CX Evidence
  • Trigger 5×/hari — touchpoint paling sering
  • Dead-end setelah lihat waktu → tidak ada next action
  • Notif adzan = entry point utama tapi tidak dihormati
PD Brief
  • Bridge A: CTA "Lanjut baca Qur'an" di card Subuh saat menunggu
  • Doa pagi reward: doa kontekstual di bawah list waktu
  • Notif per-waktu: granular (Subuh adzan / Ashar getar / Maghrib off)
  • Voice: "Waktu untuk kembali terarah"
Metrics
Bridge A conv ≥15%≥60% DAU via notif sholat
07
Al-Qur'an
Resume hook + tafsir reward + Bridge B outro
Enhance
S2 + S3
CX Evidence
  • Pain P0-4: Selesai baca → tutup app (dead-end)
  • Resume point tidak prominent — user harus cari manual
  • Tafsir Tarjih = value unik MASA vs Muslim Pro (tapi belum di-surface)
PD Brief
  • Resume card: prominent di Beranda "Al-Baqarah · ayat 23 · lanjut →" (1 tap)
  • Tafsir Tarjih inline: gold card di bawah ayat — sumber trust + variable reward
  • Bridge B (outro): setelah ≥10 ayat → "Sedekah Subuh hari ini?" + nominal picker. Dismissable. Anti-riya'
  • Voice: "Panduan hidup harian"
Copy + Metrics
"23 ayat pagi ini. Posisi tersimpan."
"Sedekahmu antara kamu & Allah. App ini hanya membantumu konsisten."
Bridge B conv ≥8%≥70% users punya resumeW1 ret +6-8pp
08
Donasi LazisMu
Trust 3-lapis + foto program + weekly digest
Enhance
S4
CX Evidence
  • Pain P1-1: "Lubang hitam" — donasi masuk tapi tidak tahu ke mana
  • MoT #4: After donation = trust deepening atau trust collapse
PD Brief
  • Trust Layer 1: "Resmi LazisMu" badge di hub
  • Trust Layer 2: breakdown alokasi (80% beasiswa · 15% ops · 5% amil)
  • Trust Layer 3: foto program nyata + nama ranting penyalur
  • Post-tx: kuitansi PDF resmi + weekly impact digest
  • Voice: "Sedekah yang sampai"
Metrics
Kuitansi view ≥60%Breakdown click ≥30%Repeat donation +15%
09
Sedekah Subuh
Feature baru — retention anchor + continuity
Build
S3
CX Evidence
  • Pain P1-5: Belum ada fitur yang jadi alasan kembali setiap hari
  • DAU/MAU 17% — tidak ada daily ritual anchor
  • Brand Strategy: Sedekah Subuh = jangkar pilar CONSISTENT
  • Blocker: religi clearance Tarjih (PM action)
PD Brief
  • 12 state: prompt → picker → confirm → success → impact → auto-debit → pause → resume → streak → forgive → cancel → offline
  • Default cerdas: Rp 5.000, program anak yatim, saldo — semua inline 1 layar
  • Slide-to-confirm (bukan button biasa — menghindari accidental tap)
  • Anti-riya': streak privat default, impact anonim ("1.243 jamaah"), copy calm
  • Freeze: 1×/minggu otomatis, tidak ada "streak lost" messaging
Copy + Metrics
"Kebiasaan baik di awal hari. Disalurkan oleh LazisMu."
"Konsistensi-mu hari ke-7. Privat — hanya kamu yang melihat."
"Subuh besok adalah pintu baru. Kapan pun siap."
D30 ret 30%→42%Streak median ≥12d≥10% MAU active

§5P2 — Enhance setelah P0+P1 stabil

#FiturActionPD Brief (ringkas)Key metric
10DoaEnhanceKontekstual (waktu + situasi grid). "Untukmu pagi ini". Segmented tabs. Audio + latin. Voice: "Penguat kehidupan".Doa daily usage ≥20% DAU
11ZakatEnhanceKalkulator step-by-step (bukan form penuh). Fatwa Tarjih inline. Nisab live (harga emas). Haul reminder. Kuitansi resmi.Zakat completion rate ≥80%
12QurbanMuEnhanceTracking 3-tahap (beli→sembelih→distribusi). Sertifikat digital. Pembayaran bertahap (bukan "paylater"). Pilih lokasi penyaluran. Foto distribusi.Qurban GMV tracking · completion rate
13Ranting SayaBuildSurface baru: nama PCM/PRM, pengurus, event ranting, donasi tersalurkan. Trust Layer 4 — wajah lokal. Hanya untuk segmen Kader.Ranting page view · event registration from ranting
14BeritaEnhanceHub dengan filter kategori (Organisasi/Pendidikan/Sosial). Card di Beranda horizontal scroll. Detail + share WA. Source: muhammadiyah.or.idBerita tap rate ≥10% Beranda users
15VideoEnhanceHub dengan filter (Khutbah/Kajian/Dakwah). Card di Beranda horizontal. In-app player + related. Source: YouTube Muhammadiyah channel.Video tap rate ≥8% Beranda users

§6P3 — Reskin & Later (setelah P1+P2 stabil)

#FiturActionBrief
16EventEnhanceFilter lokasi + tanggal. Trust badge penyelenggara. 3-tap registrasi (NBM auto-fill). QR check-in save.
17e-KTAMReskinToken v1.1 visual update. QR prominent. Status aktif/expired jelas. Link ke Iuran inline.
18KiblatReskinToken v1.1 saja. Kompas sudah matang. Voice: "Penunjuk arah ibadah".
19KHGTEnhanceReframe sebagai trust signal Tarjih: "Standar Majelis Tarjih Muhammadiyah". Hari besar Islam berikutnya prominent. Link dari Sholat detail.
20ChatHPTBuildTanya Tarjih — jawaban dari Putusan resmi (bukan AI bebas). Pertanyaan cepat chips. Sumber eksplisit. Disclaimer. Link ke kalkulator/doa.

§7Execution sequence — urutan untuk Product Designer

PD harus mengerjakan dalam urutan ini. Tidak boleh loncat — setiap fase membutuhkan output fase sebelumnya.

WaveFiturDeliverable PDPrasyarat
Wave 0
Bug Kill
#1 Iuran VA · #2 Notif · #3 NBMError state wireframe + recovery flow → hi-fi → spec → handoffTidak ada — mulai sekarang
Wave 1
Activation
#4 Onboarding · #5 BerandaOnboarding 4-step wireframe → hi-fi 3 segmen → prototypeWave 0 (bug fix) live di staging
Wave 2
Engagement
#6 Sholat · #7 Qur'an · #10 DoaBridge A/B wireframe → hi-fi → Pesan Hari Ini + doa kontekstualWave 1 (Beranda) approved
Wave 3
Trust + Retention
#8 LazisMu · #9 Sedekah Subuh · #11 ZakatTrust 3-lapis + Sedekah 12-state → hi-fi → prototype → specWave 2 + Tarjih clearance (PM)
Wave 4
Expand
#12 Qurban · #13 Ranting · #14 Berita · #15 VideoTracking flow + Ranting surface + content feed integrationWave 3 core features stable
Wave 5
Polish
#16-20 Event · KTAM · Kiblat · KHGT · ChatHPTReskin + minor enhance + ChatHPT MVPWave 4 stable

§8PD deliverables per wave

Checklist untuk Product Designer — setiap wave harus menghasilkan:

DeliverableFormatKonsumen
User Flow per fiturHTML flow diagram (max 3-5 step)PD self-reference + dev
Wireframe semua pageHTML lo-fi per clusterStakeholder review
Hi-fi UI dalam device frameHTML React (token-bound)Stakeholder + dev
State coverage per pageMin 4: idle/loading/empty/errorDev (Flutter DataView)
Copy deck per fiturJSON key-value (i18n ready)Dev (Laravel lang/)
Component specHTML doc + Dart pseudo-codeFlutter dev
Analytics event specTable: event · properties · triggerDev + analytics
Acceptance criteriaChecklist per pageQA + PM
Clickable prototype (per wave)HTML interactiveStakeholder + user test
Dokumen ini menutup gap CX→PD. Setiap wireframe dan hi-fi yang sudah dibuat kini punya brief CX yang jelas — bisa di-validate apakah sudah menjawab pain point, menerapkan strategy yang benar, dan mengukur success metric yang tepat. CX4 selanjutnya akan melakukan validasi itu.

Akhir dokumen · CX3 Product Recommendation Report · MASA by LabMu · 4 Juni 2026

CX2 · CX1 · Master StructureCX3/4 · Next: CX4 Validate PD outputs →