MASA by LabMu · CX4 · PD Validation & Reorganization · CX → PD final gate
Validate & Reorganize
Audit setiap PD output yang sudah ada terhadap CX3 Product Recommendation. Mana yang sudah selaras, mana yang perlu patch, dan mana yang superseded. Lalu reorganisasi folder project menjadi struktur final yang bisa di-deliver ke tim dev.
§1Pendekatan audit
Setiap file PD dinilai terhadap 5 kriteria dari CX3:
| # | Kriteria | Pertanyaan |
|---|
| 1 | CX Strategy alignment | Apakah file ini mengimplementasikan strategy (S1-S6) yang tepat? |
| 2 | Pain point coverage | Apakah pain point yang relevan (dari CX1) terjawab di design ini? |
| 3 | Copy voice compliance | Apakah copy mengikuti Voice Guide (calm, non-preachy, impact-naming)? |
| 4 | State coverage | Apakah 4 state minimum (idle/loading/empty/error) tergambar? |
| 5 | Metric traceability | Apakah ada success metric yang di-track? Cocok dengan CX2 dashboard? |
Verdict: PASS = selaras, keep as-is. PARTIAL = sebagian selaras, perlu patch. SUPERSEDED = digantikan oleh versi yang lebih baru / CX doc.
§20-foundation/ — audit 4 file
Brand Strategy.html
0-foundation/
Pass
✓ Selaras
- 4 pillar (TRUSTED · GUIDED · CONNECTED · CONSISTENT) dipakai di CX2+CX3
- 3-segment framework adopted di CX3 Rec #4 (Onboarding) dan #5 (Beranda)
- Manifesto, tagline, personality → Voice Guide → CX copy direction
- Growth engine + monetization stack inform CX5 Loyalty strategy
Disposition
- Keep as canonical CX source. Tidak perlu patch.
- File ini adalah CX deliverable (bukan PD) — tetap di 0-foundation/.
Voice & Tone Guide.html
0-foundation/
Pass
✓ Selaras
- Pain → Insight → Guidance → Outcome formula dipakai di CX3 copy directions
- Impact-name vs feature-name convention referenced di semua CX3 recs
- Microcopy library (button labels, empty states, success messages) ready for dev
- Anti-riya' Sedekah Subuh copy fully aligned with CX3 Rec #9
- i18n rules (JSON key convention) ready for Laravel handoff
Disposition
- Keep as canonical. This is the operational copy bible.
Rework Audit.html
0-foundation/
Superseded
Status
- Content valid tapi sudah di-absorb ke CX1 (journey map) + CX3 (pain points)
- Vocabulary lama ("behavior loop") belum di-patch ke "continuity"
- Angka masih pakai estimasi, bukan Firebase real (sudah ada di CX1)
Disposition
- Archive — keep sebagai historical reference tapi bukan source of truth lagi
- CX1 + CX3 menggantikan fungsinya dengan data yang lebih akurat
UXR & CX Synthesis.html
0-foundation/
Superseded
Status
- 5 segmen → di-consolidate ke 3 segmen di Brand Strategy (lebih actionable)
- 20 hipotesis → di-prioritize di CX1 pain points (12, severity-rated)
- Trust framework → di-formalize di CX2 S4 (4-layer trust)
- Research plan → diganti Firebase analytics mining (sudah ada data real)
Disposition
- Archive — superseded by CX1 + CX2 + Brand Strategy
§31-system/ — audit 4 file
Design Tokens.html
1-system/
Partial
✓ Selaras
- Inter single-family system — validated by Figma metadata (19k instances)
- Spacing 8pt, radius, shadow system — used in all hi-fi
- Flutter export (Dart classes) — ready for dev
⚠ Gap
- Amber color masih #D97224 — harus jadi #F7B273 (per Figma + Brand Strategy visual direction)
- Emerald accent untuk Trust/Habit belum di-formalize (CX2 S4 + S3 visual needs)
- "by LabMu" badge spec belum ada (CX3 Rec #1-9 semua butuh)
- Gold color (#B8924D) untuk Trust signals belum di-token-kan
Disposition
- Patch → v1.1: amber correction + emerald accent + gold token + by LabMu badge spec
Iconography & Atoms.html
1-system/
Pass
✓ Selaras
- 70 icons — covers all features in CX3 Rec #1-20
- Button 6 variant × 3 size × 6 state — matches CX3 state requirements
- Input, Toggle, Badge, Avatar — all used in wireframes + hi-fi
- Flutter handoff (MasaButton, MasaInput, MasaIcon) — ready
Disposition
- Keep. Minor: add "slide-to-confirm" button variant (CX3 Rec #9 Sedekah)
Molecules & States.html
1-system/
Pass
✓ Selaras
- 8-state framework = exact match with CX3 state requirements per feature
- DataView<T> Flutter contract enforces state coverage (CX2 S6 compliance)
- 7 molecules (navbar, card, list, sheet, form, toast, banner) used in all hi-fi
- Canonical screen (LazisMu 4-state) demonstrates correct pattern
Disposition
- Keep as canonical. This is the PD-to-dev contract for state coverage.
Continuity Loop Framework.html
1-system/
Partial
✓ Selaras
- 4 loops defined — matches CX2 S2 Engagement strategy
- Bridge A + B concept → used in CX3 Rec #6 (Sholat) and #7 (Qur'an)
- Anti-pattern catalog aligns with Voice Guide anti-riya'
⚠ Gap
- Vocabulary still uses "behavior loop" in some places — should be "continuity"
- Missing: Berita + Video as engagement loop (CX3 Rec #14, #15 — Beranda feed)
Disposition
- Patch: vocabulary fix + add content loop (Berita/Video)
§42-wireframes/ — audit 10 file
Sitemap v3 + Flows + Wireframe.html
2-wireframes/
Partial
✓ Selaras
- 55 pages mapped — comprehensive, covers all CX3 recs
- 11 flows max 3-5 step — matches 3-Tap Law
- 3-segment Beranda, FAB Sedekah, Gojek puck grid — all CX-aligned
- Real copy from Voice Guide
⚠ Gap
- Missing: Berita hub wireframe, Video hub wireframe (CX3 Rec #14, #15)
- Missing: "Pesan Hari Ini" card in Beranda wireframe (CX2 T2.2)
- Missing: Weekly impact digest screen (CX2 T3.5)
Disposition
- Patch: add 3 missing wireframes (Berita hub, Video hub, Pesan Hari Ini)
- This is the most comprehensive PD file — keep as primary wireframe source
Sitemap v2 + earlier versions
2-wireframes/
Superseded
Files
- Sitemap.html · Sitemap v2 + Flows + Wireframe.html · Sitemap v4 Detail.html
- User Flows.html · CX Enhancement.html · Feature Enhancement Matrix.html
- WF1-WF4 cluster wireframes · Wireframe Hybrid Flows.html
Disposition
- Archive all. Superseded by Sitemap v3 (most comprehensive) + CX1-CX3 pipeline.
- Feature Enhancement Matrix content absorbed into CX3 Product Recommendation.
- WF1-WF4 content absorbed into Sitemap v3 integrated wireframes.
§53-hifi/ — audit 7 HTML + 5 JSX
Homepage.html (4 variants)
3-hifi/
Partial
✓ Selaras
- 3 segment variants (Kader/Muslim/Habit) + Guest — matches CX3 Rec #5
- NOW zone + puck grid + FAB — Gojek-adapted
- Bridge A CTA in Sholat card
⚠ Gap
- "Pesan Hari Ini" card missing (CX2 T2.2 variable reward)
- Berita + Video horizontal scroll cards missing (CX3 Rec #14, #15)
- Event card from ranting missing in Kader variant (CX3 Rec #13)
Disposition
- Patch: add Pesan Hari Ini + Berita/Video cards + Event ranting card
Habit Cluster.html (8 screens)
3-hifi/
Pass
✓ Selaras
- Sholat + Bridge A — matches CX3 Rec #6
- Qur'an reader + tafsir + Bridge B outro — matches CX3 Rec #7
- Doa kontekstual (waktu + situasi) — matches CX3 Rec #10
- Copy voice compliant (calm, non-preachy)
Disposition
- Keep. Fully aligned with CX strategy S2 Engagement.
Transaksi Cluster.html (15 screens)
3-hifi/
Partial
✓ Selaras
- Sedekah 3-tap flow + slide-to-confirm + anti-riya — CX3 Rec #9
- Iuran VA error + recovery path — CX3 Rec #1 (Fix)
- LazisMu trust 3-lapis — CX3 Rec #8
- Zakat kalkulator + fatwa Tarjih — CX3 Rec #11
- Qurban tracking 3-tahap — CX3 Rec #12
⚠ Gap
- Iuran "partisipasi" reframe copy bisa lebih kuat (benchmark CX3 Rec #1 copy direction)
- Weekly impact digest screen missing (CX2 T3.5)
Disposition
- Patch minor: strengthen Iuran copy + add digest screen
Info + Identity.html (16 screens)
3-hifi/
Partial
✓ Selaras
- Profil + "by LabMu" badge — CX3 Rec #17, S4 Trust
- e-KTAM card + QR + status — CX3 Rec #17
- Notif setting per-kategori + respect message — CX3 Rec #2 (Fix)
- NBM sync indicator — CX3 Rec #3 (Fix)
⚠ Gap
- "Ranting Saya" surface not fully fleshed out (CX3 Rec #13 — needs pengurus, event, donasi)
- Berita + Video hub pages missing (CX3 Rec #14, #15)
- Onboarding 3-segment screens not in this file (separate need)
Disposition
- Patch: expand Ranting Saya + add Berita/Video hubs
Beranda.html · Al-Quran Reader.html · Jadwal Sholat.html
3-hifi/
Superseded
Status
- Earlier standalone hi-fi files — content absorbed into Homepage.html and Habit Cluster.html
Disposition
- Archive. Replaced by cluster-organized files.
§6Root + cx/ — audit supporting files
Status
- CX pipeline complete (CX1 Journey → CX2 Strategy → CX3 Recommendation)
- Each doc references the previous — traceable chain of evidence
- CX3 directly briefs PD — the bridge document that was missing
Disposition
- Keep all 3 as canonical CX deliverables.
Master Structure · Working Plan · Re-Plan v2 · index.html
root
Superseded
Status
- Master Structure → superseded by this doc (CX4) which gives final structure
- Working Plan v1 → superseded by CX3 execution sequence (Wave 0-5)
- Re-Plan v2 → historical, superseded by CX pipeline
- index.html → needs full rewrite to reflect reorganized structure
Disposition
- Archive all except index.html → rewrite as new project hub
§7Validation scorecard — summary
| File | Verdict | Action |
|---|
| Brand Strategy | ✓ Pass | Keep |
| Voice & Tone Guide | ✓ Pass | Keep |
| CX1 · CX2 · CX3 | ✓ Pass | Keep (canonical CX chain) |
| Molecules & States | ✓ Pass | Keep |
| Iconography & Atoms | ✓ Pass | Keep (minor: add slide-to-confirm) |
| Habit Cluster hi-fi | ✓ Pass | Keep |
| Design Tokens | ⚠ Partial | Patch → v1.1 (amber + emerald + gold + badge) |
| Continuity Loop | ⚠ Partial | Patch (vocabulary + content loop) |
| Homepage hi-fi | ⚠ Partial | Patch (Pesan Hari Ini + Berita/Video + Event) |
| Transaksi Cluster hi-fi | ⚠ Partial | Patch minor (Iuran copy + digest screen) |
| Info+Identity hi-fi | ⚠ Partial | Patch (Ranting + Berita/Video hubs) |
| Sitemap v3 + Flows + WF | ⚠ Partial | Patch (3 missing wireframes) |
| Rework Audit | Superseded | Archive |
| UXR & CX Synthesis | Superseded | Archive |
| Earlier sitemaps (v1,v2,v4) | Superseded | Archive |
| WF1-WF4 cluster WFs | Superseded | Archive |
| Beranda/Sholat/Quran standalone | Superseded | Archive |
| Master Structure · Working Plan · Re-Plan | Superseded | Archive |
Score: 7 Pass · 6 Partial (patchable) · 5 Superseded (archive). Tidak ada file yang FAIL — semua PD work memiliki fondasi yang benar, hanya beberapa belum ter-update dengan insight CX terbaru (Berita/Video, Pesan Hari Ini, Ranting detail).
§8Reorganized project structure — final
Folder structure setelah reorganisasi. Hanya file yang Pass atau Patched yang masuk ke struktur aktif. Sisanya ke _archive/.
MASA by LabMu — Project Structure (final)
CX
cx/ — CX Expert Deliverables
Analisis → Strategy → Recommendation (chain of evidence)
3 files
CX1 Customer Journey Map.html — 3 segmen × 7 stage × 6 dimensi
Keep
Canonical
CX2 CX Strategy Bundle.html — 6 strategies + lifecycle + metrics
Keep
Canonical
CX3 Product Recommendation.html — 20 feature briefs for PD
Keep
Canonical · CX→PD bridge
BR
brand/ — Brand Foundation
Strategy, voice, positioning — multi-year lifespan
2 files
Brand Strategy.html — essence, pillars, persona, manifesto, growth
Keep
Move from 0-foundation/
Voice & Tone Guide.html — copy rules, microcopy library, i18n
Keep
Move from 0-foundation/
DS
design-system/ — Token + Component Library
Source of truth untuk Flutter + semua layar
3 files
Design Tokens v1.1.html — colors (patched), type, spacing, radius, shadow
Patch
Amber + emerald + gold + badge
Iconography & Atoms.html — 70 icons + button/input/toggle/badge/avatar
Keep
Minor: add slide-to-confirm
Molecules & States.html — 7 molecules + 8-state framework + DataView
Keep
Canonical
IA
ia-flow/ — Information Architecture + User Flows
Sitemap + flows + wireframes (lo-fi structure)
1 file
Sitemap v3 + Flows + Wireframe.html — 55 pages, 11 flows, 48 wireframes
Patch
Add Berita/Video/PesanHariIni WFs
UI
hifi/ — Hi-Fi UI Screens
Pixel-perfect screens dalam device frame
4 files + JSX
Homepage.html — 4 Beranda variants (Kader/Muslim/Habit/Guest)
Patch
Add PesanHariIni + Berita/Video cards
Habit Cluster.html — Sholat + Qur'an + Doa (8 screens)
Keep
Fully aligned
Transaksi Cluster.html — Sedekah + Iuran + LazisMu + Zakat + Qurban (15)
Patch
Iuran copy + digest screen
Info + Identity.html — Profil + KTAM + Notif + Ranting + Settings (16)
Patch
Ranting expand + Berita/Video hubs
HO
handoff/ — Developer Handoff Package
Copy deck · analytics · prototype · acceptance — belum dikerjakan
0 files (todo)
Copy Deck.json + viewer
Todo
~200 key-value pairs, i18n ready
Analytics Event Spec.html
Todo
Extend Firebase 7 events + add 12 new
Clickable Prototype.html
Todo
5 key flows connected
Acceptance Criteria.html
Todo
Per screen, per wave
📦
_archive/ — Historical files
Superseded deliverables — kept for reference only
~15 files
Rework Audit · UXR Synthesis · earlier sitemaps · WF1-WF4 · standalone hi-fi · Working Plan · Re-Plan · Master Structure · index old
Archive
Move to _archive/
§9Patch backlog — 7 patches needed
File yang verdict-nya Partial perlu patch sebelum handoff ke dev. Diurutkan berdasarkan dependency.
| # | File | Patch | Effort | Dependency |
|---|
| 1 | Design Tokens v1.1 | Amber #F7B273 · emerald accent · gold #B8924D · "by LabMu" badge spec | S | None — do first |
| 2 | Continuity Loop | Vocabulary "continuity" · add content loop (Berita/Video) | S | None |
| 3 | Sitemap v3 + Flows + WF | Add Berita hub + Video hub + Pesan Hari Ini wireframes | M | After #2 |
| 4 | Homepage hi-fi | Add Pesan Hari Ini card + Berita/Video scroll + Event ranting card | M | After #1, #3 |
| 5 | Transaksi Cluster hi-fi | Strengthen Iuran "partisipasi" copy + add weekly digest screen | S | After #1 |
| 6 | Info + Identity hi-fi | Expand Ranting Saya (pengurus, event, donasi) + add Berita/Video hub screens | M | After #1, #3 |
| 7 | Iconography & Atoms | Add slide-to-confirm button variant | XS | After #1 |
§10What happens next
CX pipeline selesai (CX1 → CX2 → CX3 → CX4). Sekarang ada 3 jalur kerja yang bisa paralel:
| Jalur | Pekerjaan | Effort |
|---|
| A · Patch | Eksekusi 7 patches di §9 — membuat semua PD output fully CX-aligned | ~2-3 sesi |
| B · Reorganize | Move files ke folder structure §8 + rewrite index.html sebagai project hub baru | ~1 sesi |
| C · Handoff | Mulai bangun handoff package (copy deck, analytics spec, prototype, acceptance) | ~3-4 sesi |
Rekomendasi: Jalur B dulu (reorganize — cepat, 1 sesi). Lalu A (patches — membuat deliverables sempurna). Lalu C (handoff — output final untuk dev). Atau: jika Anda mau langsung ke wireframe/hi-fi baru yang missing (Berita, Video, Ranting detail), bilang — itu masuk Jalur A.
Akhir dokumen · CX4 PD Validation & Reorganization · MASA by LabMu · 5 Juni 2026