Untuk CEO · Ringkasan eksekutif

MASA perlu berubah

Bukan dari nol — tapi dari "aplikasi ibadah generik" menjadi "The Most Trusted Islamic Digital Ecosystem in Indonesia." Ini bukan sekadar redesign. Ini repositioning.

North Star — Project Maverick

The Most Trusted Islamic Digital Ecosystem in Indonesia.

Positioning ini mengubah cara MASA bersaing. Bukan lagi melawan Muslim Pro atau Umma — melawan tidak adanya infrastruktur digital Islam yang terpercaya di Indonesia.

P1

TRUSTED

Muhammadiyah 100+ tahun sebagai otoritas

P2

GUIDED

Memberi arah, bukan sekadar fitur

P3

CONNECTED

Menghubungkan ke komunitas nyata

P4

CONSISTENT

Membantu membangun kebiasaan baik

Apa yang berubah

Empat keputusan besar yang diambil tim dan berdampak langsung ke product roadmap:

Positioning

Sebelum

"Aplikasi ibadah lifestyle muslim, semua kebaikan berkumpul." — Generic, tidak ada unfair advantage.

Sesudah

"The Most Trusted Islamic Digital Ecosystem in Indonesia." — Leverage 100+ tahun Muhammadiyah sebagai differentiator.

Onboarding

Sebelum

1 experience untuk semua user. Tidak ada personalisasi awal.

Sesudah

3-segment entry: Kader / Muslim umum / Habit seeker. Experience disesuaikan sejak langkah pertama → activation +12pp target.

Bug kritis

Sebelum

VA Iuran blank screen. Rating App Store terdampak. Support ticket tinggi.

Sesudah

Error state + recovery QRIS. Payment success rate target ≥95%. Wave 0 = kill critical bugs first.

Monetisasi

Sebelum

Tidak ada jalur monetisasi yang jelas selain distribusi organik.

Sesudah

4-layer stack: Core (free) → Engagement (sub Rp10–20K) → Ecosystem (komisi 3–5%) → Institutional (B2B license).

Growth engine

Sebelum

Mengandalkan digital ads + konten → lambat, mahal, tidak sustainable.

Sesudah

60% distribution (institusi Muhammadiyah) + 25% digital + 15% viral loop. Target 2 juta user / 12 bulan.

Metrik yang dipantau

4 angka yang harus dilihat setiap minggu oleh CEO dan PM:

27%

W1 Retention (sekarang)

Target setelah Wave 1–2: ≥35%

58%

Activation rate (sekarang)

Target setelah onboarding baru: ≥70%

~70%

Iuran payment success (estimasi)

Target Wave 0: ≥95%

2jt

Target user / 12 bulan

Via mandatory institutional adoption

Urutan eksekusi

6 wave dengan prioritas yang sudah didefine:

Wave 0
Bug Kill

Iuran VA blank fix · Notifikasi bug fix · NBM sync fix. Stop release jika Wave 0 belum selesai.

2 minggu · P0 critical

Wave 1
Activation

Onboarding 3-segment baru · Homepage 3 varian. Target: activation rate naik ke ≥70%

3 minggu

Wave 2
Engagement

Jadwal Salat + Bridge A ke Qur'an · Al-Qur'an reader + Bridge B ke Sedekah. Target: W1 retention naik ke ≥35%

4 minggu

Wave 3
Trust

Sedekah Subuh launch · LazisMu reskin trust · Zakat kalkulator. Target: D7 habit retention ≥25%

4 minggu

Wave 4
Expand

Qurban trust framing · Ranting Saya · Berita + Video enhanced. Target: GMV Qurban Rp 250M

6 minggu

Keputusan yang dibutuhkan dari CEO sekarang:
D1 — Visual color: hybrid (blue v1 + green v2) atau full pivot ke emerald + gold? Default: hybrid.
D2 — Tagline final: "Hidup Lebih Terarah" / "Dunia Akhirat dalam Satu Genggaman" / "Arah yang Bisa Dipercaya"?
D3 — Qurban scope: full redesign atau patch trust framing? Default: patch.
D4 — Religi clearance Sedekah Subuh dari Majelis Tarjih — PM action, butuh approval.

Untuk Strategic Marketing · Campaign touchpoints & funnel

Di mana marketing bekerja

Setiap flow di MASA adalah touchpoint campaign. Marketing tidak bekerja di luar app — marketing bekerja melalui app.

3 Campaign utama

Campaign utama · Q3 2026

Sedekah Subuh

Habit harian yang membangun retention dan engagement terdalam. Bukan campaign musiman — campaign permanen yang berjalan setiap hari.

Angle: "Kebiasaan baik di awal hari. Privat, konsisten, bermakna."

Touchpoint di app: FAB ❤ amber (homepage, semua halaman) · Bridge B setelah Qur'an · Notif Subuh · Streak tracker (privat)

Campaign musiman · Idul Adha

Qurban

Potential GMV Rp 250M jika 100K user kurban via MASA. Framing: "kurban tanpa ribet" bukan "beli sapi digital."

Angle: "Satu kurban kamu, sampai ke mereka yang benar-benar membutuhkan."

Touchpoint di app: Hero banner homepage · Puck grid (qurban) · Tracking 3-fase · Sertifikat digital · Social share moment

Campaign distribusi · Sepanjang tahun

Institutional Acquisition

Bukan digital ads — mobilisasi organisasi. Target 1 juta user dari mandatory adoption kampus, masjid, RS Muhammadiyah.

Angle: "MASA adalah infrastruktur digital Muhammadiyah."

Channel offline: QR di masjid · Khutbah Jumat · Orientasi mahasiswa baru · Screen RS Muhammadiyah

Funnel acquisition → retention

Tahap

Aktivitas marketing

Touchpoint di app

Target metrik

1 · Awareness

Surat PP Muhammadiyah · QR offline · TikTok content engine · SEO "jadwal sholat"

App Store listing · Splash screen "100 tahun"

2M downloads
Q1–Q4 2026

2 · Acquisition

Referral program (ajak 3 teman) · kampus onboarding · mandatory RS

Onboarding 3-segment · permission primer · homepage adaptif

≥70%
activation rate

3 · Activation

Push notif adzan · "First habit action" onboarding

Bridge A (Salat → Qur'an) · FAB Sedekah visible

≥50%
first habit D1

4 · Retention

Push notif subuh · weekly digest email · milestone celebration

Bridge B (Qur'an → Sedekah) · streak tracker · impact card

≥35%
W1 retention

5 · Revenue

Subscription upsell · Qurban campaign · Zakat reminder Ramadan

Payment universal · kuitansi · transparency card

3–5% fee
ecosystem GMV

Content strategy per segmen

Konten TikTok / IG Reels yang harus dibuat Marketing per segmen user:

SegmenHook utamaFormatCTA ke app Kader Muhammadiyah"Sudah bayar iuran bulan ini?" — belonging + identitasShort video, behind the scenes rantingDownload → Login M-ID → e-KTAM Muslim umum"Jadwal sholat + tafsir Tarjih — satu tempat"Demonstrasi fitur, real life contextDownload → Homepage muslim Habit seeker / Gen Z"7 hari sedekah subuh — apa yang berubah?"Journaling style, streak showcaseDownload → Onboarding habit → FAB sedekah

Untuk CMO · Customer Experience & Brand

Cara MASA dirasakan

Brand bukan hanya visual. Brand adalah apa yang user rasakan dari detik pertama buka app hingga setelah sedekah. Setiap touchpoint harus konsisten dengan "calm, purposeful, respectful."

Brand personality yang harus terasa

◐

Bijak

Pengetahuan diberi dengan kerendahan hati

～

Tenang

Tidak agresif, tidak urgensi berlebihan

◇

Modern

Tidak old-school religious, clean

‖

Tegas

Punya posisi, jelas memihak nilai

⌒

Tidak menggurui

Mengajak, bukan menyuruh

Customer experience per momen kritis

8 momen yang paling menentukan apakah user merasa "MASA peduli dengan saya" atau tidak:

MomenApa yang dirasakan user sekarangYang harus dirasakanFitur yang mengeksekusi Install pertama"App biasa, sama seperti yang lain""Ini beda — ini Muhammadiyah, terpercaya"Splash thesis "100 tahun" · Onboarding Pilih segmen—"App ini memahami siapa saya"3-segment picker (baru) Notif Subuh"Notif spam yang mengganggu""Pengingat lembut yang saya tunggu"Notif fix + permission primer + copy tenang Bayar Iuran"Kenapa harus bayar? Dan ini blank!""Partisipasi bermakna yang transparan"Iuran fix + reframe trust Setelah sedekah"Uang pergi, tidak tahu ke mana""Sedekah saya sampai ke yang tepat"Impact card + kuitansi + LazisMu badge Error/bug"App ini tidak bisa diandalkan""Error dijelaskan + ada jalan keluarnya"Error states + recovery path Streak putus—"Tidak apa-apa, hari baru adalah kesempatan baru"Forgiveness copy Sedekah Subuh Kurban diterima"Tidak tahu status kurban saya""Kurban saya nyata dan berdampak"Tracking 3-fase + foto distribusi + sertifikat

Voice rules untuk CMO brief

Formula copywriting wajib di semua konten MASA:
Pain → Insight → Guidance → Outcome

Contoh Qurban: "Mau kurban tapi cashflow belum siap? MASA membantu kamu dengan pembayaran yang bisa diatur sesuai kemampuan — tetap tenang, tetap niat baik."

✕ Jangan pernah ditulis

"Segera!!" / "Jangan tunda kebaikan!"
"Paylater untuk kurban"
"Yuk gas bayar iuran 🔥"
"Error 500 · Internal Server Error"
Emoji berlebihan di body copy

✓ Selalu gunakan ini

"Pembayaran bertahap" (bukan paylater)
"Partisipasi sebagai kader" (bukan tagihan)
"Waktu untuk kembali terarah" (bukan jadwal sholat)
"VA belum bisa dibuat. Coba QRIS."

Semua perubahan · Feature by feature

Before → After

15 fitur, masing-masing dengan status dan alasan berubah. Ini adalah tabel keputusan produk yang bisa digunakan semua audience untuk memahami prioritas.

FiturStatusSebelumSesudah (alasan)Wave Splash + OnboardingReworkGeneric splash. Tidak ada konteks brand.Thesis "100 tahun" + 3-segment picker. Langsung establish trust dan personalisasi.W1 HomepageRework1 homepage untuk semua. Tidak ada personalisasi.3 varian (Kader/Muslim/Habit). Pesan Hari Ini + Bridge A NOW zone + Berita/Video horizontal.W1 Jadwal SalatReworkFungsional tapi standalone. Tidak ada next step.+ Bridge A: "Sambil menunggu Subuh, lanjut baca Qur'an?" → naikkan session depth.W2 Al-Qur'an readerReworkReader bagus tapi tidak ada continuity. Dead-end setelah baca.+ Resume prominent + Bridge B outro → Sedekah setelah ≥10 ayat. Conversion entry Sedekah.W2 Doa & KiblatEnhanceDoa list A-Z, tidak kontekstual.Kontekstual: "Untukmu pagi ini" auto-suggest. Grid situasi (perjalanan, ujian, dll).W2 Sedekah SubuhNewTidak ada.Feature baru: 3 tap selesai. Anti-riya default. FAB amber di semua halaman.W3 Donasi LazisMuReworkTrust rendah. Tidak ada transparency dana.Trust 3-lapis: foto nyata + breakdown alokasi + kuitansi PDF + ranting penyalur.W3 ZakatReworkKalkulator ada tapi tidak dituntun.Step-by-step dengan Fatwa Tarjih inline. User tidak perlu tahu rumus nisab.W3 Iuran KTAMFix P0VA blank screen. App Store rating drop.Error state + recovery QRIS. Reframe: "partisipasi kader" + breakdown dana transparansi.W0 KurbanReworkFlow 4 langkah. Tidak ada tracking. "Paylater" framing.3 langkah collapse. "Pembayaran bertahap". Tracking 3-fase + foto + sertifikat digital.W4 e-KTAMReworkCard ada tapi tidak ada QR mode. Status tidak real-time.3 state: Aktif/Nunggak/QR. Status terhubung payment iuran real-time.W5 BeritaEnhanceFeed ada tapi presentation lemah.Card photo dominant + filter kategori + share WhatsApp. Juga di homepage horizontal.W4 VideoEnhanceTersembunyi di bottom nav.Promoted ke homepage horizontal scroll + kategori Khutbah/Kajian/Inspirasi.W4 EventReworkDaftar flat tanpa konteks ranting.Date pill + PCM organizer trust badge + daftar 1 tap + QR tiket tersimpan di e-KTAM.W4 NotifikasiFix P1"Notif adzan mati tapi masih bunyi."Toggle per-kategori (adzan/sedekah/iuran/event) yang benar-benar dihormati.W0

3 Segmen user · Strategy core

3 user yang berbeda

Insight paling penting dari analisis: MASA selama ini membuat 1 experience untuk 3 audience yang motivasinya sangat berbeda. Solusi: 1 platform, 3 jalur yang jelas.

Cara kerjanya: Di layar onboarding pertama, user memilih konteks dirinya. Pilihan ini menentukan homepage yang ditampilkan, urutan puck grid, notifikasi yang dikirim, dan fitur yang di-highlight. User bisa ubah kapan saja di Settings.

Segmen 1

"Saya warga Muhammadiyah"

GoalIdentity + belonging + ecosystem

Fitur utamae-KTAM · Iuran · Ranting Saya · Event PCM

HomepageKTAM status + iuran reminder + ranting events + puck grid kader-first

NotifIuran reminder · Event ranting · Adzan

Ukuran~54.000 ranting Muhammadiyah · jutaan anggota

"Terhubung dengan gerakan Muhammadiyah."

Segmen 2

"Saya Muslim umum"

GoalGuidance + simplicity

Fitur utamaJadwal Salat · Al-Qur'an · Doa · LazisMu

HomepageNOW salat countdown + Qur'an resume + Pesan Hari Ini + puck grid ibadah-first

NotifAdzan 5 waktu · Pesan harian

UkuranMayoritas Android Muslim di Indonesia

"Panduan ibadah yang terpercaya dan mudah."

Segmen 3

"Ingin membangun kebiasaan"

GoalKonsistensi + self-improvement

Fitur utamaSedekah Subuh · Qur'an tracking · Salat streak

HomepageStreak counter + target hari ini + Pesan Hari Ini + habit puck

NotifSubuh reminder · Sedekah Subuh · streak milestone

UkuranGen Z + millennial Muslim urban · digital-native

"Bangun kebiasaan baik setiap hari."

Implikasi ke setiap departemen

DepartemenImplikasi dari 3-segment ProductHomepage harus dikirim 3 variasi data dari backend per user. Segment tersimpan di server + SharedPreferences. Segment bisa diubah user kapan saja. Marketing3 content pillar yang berbeda. 3 hook yang berbeda per konten TikTok/IG. Jangan campur messaging untuk segment berbeda dalam satu post. CMO / BrandBrand personality tetap satu (Bijak · Tenang · Modern). Tapi tone dibedakan: Kader lebih "institutional proud" · Muslim umum lebih "practical guidance" · Habit seeker lebih "personal journey". DeveloperBackend: POST /user/segment saat onboarding + PUT /user/segment saat ubah. Flutter: UserSegmentProvider (Riverpod). Homepage render 3 varian berdasarkan segment. Customer SupportKalau ada komplain "fitur KTAM tidak muncul" — kemungkinan besar segment-nya Muslim/Habit, bukan Kader. Tanya: sudah pilih segmen apa saat onboarding?

Panduan membaca · Semua audience

Baca dokumen mana

Project Maverick menghasilkan 20+ dokumen. Ini adalah peta: siapa harus baca apa, dan dalam urutan apa.

Prinsip membaca: Tidak semua orang harus baca semua dokumen. Baca yang relevan dengan peran Anda. Jika ada konflik antar dokumen, Brand Strategy adalah dokumen tertinggi yang memutuskan.

Peta dokumen per audience

Dokumen

Folder

Isi singkat

Untuk siapa

★ Strategic Overview (ini)

04-ia-wireframe/

Konteks eksekutif, campaign, before/after, segmen

CEOMarketingCMO

Brand Strategy

02-brand/

Positioning, pillars, personality, tagline, manifesto, growth engine

CEOMarketingCMO

Voice & Tone Guide

02-brand/

Cara menulis copy, messaging formula, microcopy, bahasa terlarang

CMOMarketingDesigner

CX1 — Journey Map

01-cx/

Customer journey per segmen, pain points, emotional moments

CMOMarketingDesigner

CX3 — Product Recommendation

01-cx/

Rekomendasi per fitur dari perspektif CX, P0/P1/P2 gaps

CEODesigner

Sitemap · Flows · Wireframe

04-ia-wireframe/

62 halaman, 14 flows, 67 wireframe lo-fi

DesignerDeveloper

Feature Flows & Wireframe

04-ia-wireframe/

Per-fitur: flow detail + CX rationale + wireframes

DesignerDeveloper

MASA E2E Complete

05-hifi/

Hi-fi semua fitur, semua screen, semua state

DesignerDeveloper

Design System v2

03-design-system/

Token, komponen, patterns, Flutter spec

DesignerDeveloper

UI Component Reference

03-design-system/

35 komponen dengan anatomy, variants, sizing

DesignerDeveloper

Analytics Event Spec

06-handoff/

28 Firebase events, 5 funnels, KPI dashboard

MarketingDeveloper

Acceptance Criteria

06-handoff/

26 items P0/P1/P2 per wave, QA device matrix

DesignerDeveloper

Designer + Developer Handoff

06-handoff/

Token ref, Flutter ThemeData, API contract, wave plan

DesignerDeveloper

Urutan baca yang direkomendasikan

CEO / Stakeholder (30 menit)

1. Strategic Overview (ini) — tab CEO

2. Brand Strategy §2 Foundation + §12 Growth

3. CX3 §2 Recommendations

→ Keputusan: D1 D2 D3 D4

CMO / Marketing (60 menit)

1. Strategic Overview — tab Marketing + CMO

2. Brand Strategy §6 Personality + §8 Segments

3. Voice & Tone Guide §1–5

4. CX1 Journey Map

→ Brief: content + campaign

Designer / Developer (full)

1. Designer+Developer Handoff

2. Design System v2 + UI Component Reference

3. Feature Flows & Wireframe

4. MASA E2E Complete

5. Analytics Spec + Acceptance Criteria

→ Sprint planning Wave 0

MASA by LabMu · Strategic Overview v1.0 · 15 Jun 2026 Sitemap → · Feature Flows → · Index →