MASA by LabMu · Project Maverick

Rework Research

Seluruh deliverable dari CX analysis hingga developer handoff — terstruktur, terintegrasi, siap dibaca oleh CEO, Marketing, Designer, dan Developer.

Pipeline 6 fase selesai Fitur 20 di-brief Dokumen aktif 25 file Update 15 Jun 2026
20
Fitur
67
Halaman
15
Flows
60+
Hi-fi screens
01 · CX
4/4
Analysis
02 · Brand
2/2
Foundation
03 · DS
6/6
System
04 · IA
5/5
Structure
05 · Hi-fi
6/6
Screens
06 · Handoff
5/5
Delivery
Mulai dari sini — pilih peranmu
🏢
CEO / Stakeholder
Arah strategis, keputusan, business impact
3 dokumen · ~30 menit
📢
Strategic Marketing
Campaign, acquisition funnel, content strategy
4 dokumen · ~45 menit
🎯
CMO / Brand
Brand personality, CX, voice & tone
4 dokumen · ~60 menit
🎨
UI/UX Designer
Design system, flows, hi-fi reference
6 dokumen · urut dari atas
⚙️
Flutter Developer
Token, API, wave plan, acceptance criteria
4 dokumen · sprint-ready
01
CX Analysis
4 dokumen

Chain of evidence: Journey → Strategy → Recommendation → Validation. Dibaca berurutan. CX3 adalah jembatan ke Product Design.

CX1 · Customer Journey Map
3 segmen · 7 lifecycle stage · 12 pain points · 5 Moments of Truth
CXDone
CX2 · Strategy Bundle
6 strategies: Activation · Engagement · Retention · Trust · Loyalty · Bug-First
CXDone
★CX3 · Product Recommendation
20 fitur di-brief: action + CX evidence + PD brief + copy + metric. Jembatan CX→PD.
CXCX→PD BridgeDone
CX4 · Validation
Audit PD files terhadap CX3: pass / partial / superseded · patch backlog
CXDone
02
Brand Foundation
2 dokumen

Strategy dan voice multi-tahun. Sumber kebenaran tunggal untuk semua keputusan copy, visual, dan campaign.

★Brand Strategy
Essence "Guided Muslim Life" · 4 pillars · 3-segment · personality · manifesto · growth engine · monetisasi · campaign Sedekah + Qurban
BrandDone
Voice & Tone Guide
Messaging formula · do/don't · impact vs feature naming · microcopy library · push patterns · bahasa terlarang · i18n rules
BrandDone
03
Design System
6 dokumen

Source of truth visual. Dibaca berurutan: DS v2 (master) → UI Components → Iconography → Motion → Accessibility. Continuity Loops adalah dokumen strategis tersendiri.

★Design System v2
Master comprehensive · 35 section · Flutter spec · Trust system · Token + Komponen + Pattern
DSDone
★UI Component Reference
35 komponen · anatomy · variants · sizing · do/don't · in-context examples
DSDone
Iconography System
60+ icons · 5 kategori · 4 sizes · usage rules · Flutter icon class
DSDone
Motion & Animation Tokens
7 duration · 6 easing curves · 22 component motion specs · reduced motion guide · live demos
DSDone
Accessibility Checklist
WCAG 2.1 AA · contrast ratios · touch targets · TalkBack · 26-item checklist · Flutter a11y
DSDone
Continuity Loops
4 loops: Sholat → Qur'an → Sedekah → Trust · Bridge A/B · anti-pattern catalog · Beranda IA
DSDone
04
IA · Flows · Wireframe
5 dokumen

Strategic Overview untuk C-suite. 3 standalone (Sitemap · Flows · Wireframes) untuk designer dan developer. Feature Flows untuk detail per-fitur.

★Strategic Overview
North Star · before/after 15 fitur · campaign touchpoints · 3 segmen · panduan baca per audience
C-SuiteNon-designerDone
★Feature Flows & Wireframe
15 fitur × CX insight + flow E2E + wireframe screen. Referensi utama per-fitur.
FlowWireframeDone
Sitemap
67 halaman · 6 cluster · 4-tab nav tree · filter per wave
IADone
User Flows
15 flows · tab per fitur · entry to success · alt paths · CX rationale
FlowDone
Wireframes
Lo-fi phone frame grid · 6 cluster · filter per cluster · semua screen representatif
WireframeDone
05
Hi-Fi UI Screens
6 dokumen · 60+ screens

E2E Complete adalah referensi utama — semua 15 fitur dengan sidebar navigasi. Interactive Prototype untuk presentasi. 4 cluster file untuk detail lebih dalam per area.

★MASA E2E Complete — Semua 15 Fitur
Sidebar navigasi per fitur · flow diagram + hi-fi phone frames · aligned design system v2 · onboarding sampai handoff · token-bound · real copy
Hi-fiE2EDone
★Interactive Prototype
11 flow clickable · tap antar screen · real navigation · Onboarding → Qur'an → Sedekah → Iuran
PrototypeDone
Homepage — 4 Varian
Kader · Muslim · Habit · Guest — NOW zone + puck grid + FAB + konten
Hi-fiDone
Habit Cluster
Jadwal Sholat + Bridge A · Qur'an + tafsir + Bridge B · Doa · Kiblat · KHGT
Hi-fiDone
Transaksi Cluster
Sedekah Subuh · Iuran fix · Zakat · Qurban tracking · LazisMu trust 3-lapis
Hi-fiDone
Info + Identity
Profil · e-KTAM · Notif fix · Ranting · Berita · Video · Event · ChatHPT · Onboarding
Hi-fiDone
06
Handoff Package
5 dokumen · siap handoff

Deliverable final untuk tim Flutter + Laravel + Marketing. Designer & Developer Handoff adalah dokumen utama — baca pertama kali sebelum sprint planning.

★Designer + Developer Handoff — Dual Audience
Designer: Token ref · Component inventory · Annotation guide · Figma→Flutter notes — Developer: Flutter ThemeData siap paste · Widget map · API 35 endpoints · Wave plan · State management
HandoffDone
Acceptance Criteria
20 fitur · Wave 0–5 checklist · ⬛ CRIT / ◼ MUST / □ SHOULD · QA device matrix · Definition of Done
HandoffDone
Analytics Event Spec
28 Firebase events · 5 conversion funnels · KPI dashboard spec · Flutter + Laravel implementation
HandoffDone
Copy Deck
~200 key-value · i18n ready · Laravel lang/ compatible · Voice tone aligned · per screen
HandoffDone
Google Stitch Prompt Pack
8 prompt paket untuk generate DS, wireframe, hi-fi, prototype di Google Stitch
HandoffDone
MASA by LabMu · Project Maverick · 15 Jun 2026 Pipeline: CX ✓ · Brand ✓ · DS ✓ · IA ✓ · Hi-fi ✓ · Handoff ✓ · ALL COMPLETE