← Semua fitur
CX Insight
Masalah saat ini: onboarding lama generik, tidak membangun ekspektasi.
Enhancement: hook kredibilitas "100 tahun" di halaman pertama, lalu user memilih konteks diri (Kader / Muslim umum / Habit seeker). Pilihan ini mengubah homepage yang mereka lihat.
- Kader → lihat ranting, KTAM, iuran di homepage
- Muslim umum → fokus salat + Qur'an
- Habit seeker → streak + progress + Sedekah Subuh
Halaman yang ada
Alur langkah demi langkah
Onboarding → Homepage (3 langkah inti)
Dari install → memilih identitas → sampai homepage yang sudah disesuaikan
Buka
P-01
Splash
Logo MASA by LabMu
1
P-02
Hook thesis
"100 tahun Muhammadiyah. Sekarang dalam satu aplikasi."
Tap: Mulai
2
P-03
Pilih segmen
"Kamu ini siapa?" → Kader / Muslim / Habit seeker
Menentukan tampilan homepage
3
P-04
Izin notifikasi
Primer sebelum dialog OS: "Untuk pengingat salat & kebiasaan baik"
Izinkan / Nanti saja
Selesai
P-07/08/09
Homepage sesuai segmen
Konten sudah disesuaikan dengan pilihan user
Wireframe setiap layar
Splash
Splash
Logo + by LabMu
Langkah 1
9:41▮
Sudah 100 tahun Muhammadiyah membimbing umat.
Sekarang, dalam satu aplikasi.
Mulai
Lewati
Hook kredibilitas
"100 tahun"
Langkah 2
9:41▮
MASA ingin menyesuaikan pengalamanmu
Mana yang paling kamu rasakan?
Saya warga Muhammadiyah
KTAM, komunitas, ranting
Saya Muslim umum
Ibadah & panduan harian
Ingin bangun kebiasaan
Konsistensi & progress
Bisa diubah di Profil
3-Segment picker
Menentukan homepage
Langkah 3
9:41▮
🔔 📍
Izinkan notifikasi & lokasi?
Untuk pengingat salat & kebiasaan baik harian
Izinkan
Nanti saja
Permission primer
Sebelum dialog OS
← Semua fitur
CX Insight — kenapa ini penting
Qur'an adalah fitur dengan engagement terdalam (rata-rata 28 menit/sesi dari analytics). Masalah sekarang: selesai baca, user langsung keluar. Tidak ada langkah berikutnya. Enhancement: tambahkan "outro" ringan di akhir sesi yang menawarkan Sedekah Subuh — ini Bridge B, penghubung habit ke transaksi amal. Tafsir Tarjih sebagai reward konten yang membuat user ingin baca lebih lama.
Halaman yang ada
H-05
Aksi ayat (sheet)
Rework
Alur lengkap — dari buka sampai Sedekah
Flow Qur'an lengkap (4 langkah + Bridge ke Sedekah)
User bisa keluar di mana saja. Bridge ke Sedekah bersifat pilihan, tidak memaksa.
Masuk
H-03
Indeks Surah
Tombol "Lanjut" resume langsung ke posisi terakhir
1
H-04
Baca Qur'an
LPMQ Isep Misbah · tafsir Tarjih muncul saat tap ayat
Scroll baca · tap ayat untuk aksi
2
H-05
Aksi ayat
Bottom sheet: bookmark, tafsir detail, murottal, share, copy
Pilih atau tutup
3
H-06
Outro (Bridge B)
Setelah ≥10 ayat: "23 ayat tadi. Lengkapi pagi dengan Sedekah Subuh?"
Bisa dilewati kapan saja
Pilihan
T-01
→ Sedekah Subuh
Langsung ke flow Sedekah jika user setuju
Wireframe setiap layar
Indeks
04:48▮
Panduan hidup harian
Terakhir dibaca
Al-Baqarah · ayat 23
Lanjut baca →
SurahJuzBookmark
2 · Al-Baqarah
Sedang dibaca
البقرةIndeks surah
Resume prominent di atas
Langkah 1
Baca ayat
Tafsir Tarjih tap
Langkah 2
Aksi ayat
Bottom sheet
Bridge B
05:02▮
✓
23 ayat tadi.
Posisi tersimpan otomatis
Sedekah Subuh
Lengkapi pagimu?
Sedekah Rp 5.000
Nanti saja
Outro → Sedekah
Bridge B (bisa skip)
← Semua fitur
CX Insight
Notifikasi adzan adalah pengingat harian terkuat, tapi ada bug: "sudah dinonaktifkan tapi masih bunyi". Ini merusak kepercayaan. Fix: kontrol per-waktu salat yang benar-benar dihormati. Bridge A: ketika user melihat "Subuh 04:42, 8 menit lagi" — itu momen terbaik untuk tawarkan baca Qur'an sambil menunggu.
Halaman yang ada
H-02
Detail & notif
Fix bug
Alur lengkap
Flow Jadwal Salat (2 langkah + Bridge A)
User buka → lihat 5 waktu + countdown → bisa atur notif per waktu (setelah bug fix)
Masuk
H-01
Jadwal salat
5 waktu + countdown + doa pagi otomatis muncul saat Subuh
Bridge A
H-01
Ajakan Qur'an
"Sambil menunggu Subuh — lanjut baca Qur'an?"
Tap → masuk reader
Opsional
H-02
Atur notifikasi
Toggle per-waktu: Subuh bunyi, Ashar getar, Maghrib mati — benar-benar dihormati
BUG FIX · perlu diperbaiki
Ke mana?
H-03
Bisa lanjut ke Qur'an
Atau kembali ke homepage
Wireframe setiap layar
Halaman utama
04:21▮
Yogyakarta
Menuju Subuh
04:42
12 menit lagi
Sambil menunggu
Lanjut baca Qur'an
→Doa pagi
اللّٰهُمَّ بِكَ أَصْبَحْنَا
5 waktu + countdown
Bridge A ke Qur'an
Atur notif
Atur notif per waktu
Bug fix: benar-benar dihormati
← Semua fitur
CX Insight
Doa A-Z tidak relevan — user tidak tahu mau cari apa. Enhancement: 2 mode utama: Waktu (pagi/petang/tidur muncul otomatis sesuai jam) dan Situasi (grid 8 situasi — sakit, rezeki, perjalanan, ujian, keluarga, sedih, syukur). Ini mengubah "cari doa" menjadi "doa yang datang ke kamu".
Halaman yang ada
Alur lengkap
Flow Doa (2 langkah)
Hub kontekstual → detail doa + audio. Tidak perlu scroll panjang.
Masuk
H-08
Doa hub
"Untukmu pagi ini" muncul otomatis + grid situasi
1
H-08
Pilih situasi
Tap salah satu dari 8 situasi (sakit, rezeki, dll)
Atau lihat semua doa
2
H-09
Baca doa
Arab + latin + terjemah + audio murottal + favorit
Wireframe
Hub doa
05:10▮
Penguat kehidupan
Untukmu pagi ini
Doa pagi · Dzikir Subuh
3 doa pilihan
WaktuSituasiFavorit
Berdasar situasi
Doa hub
Kontekstual waktu + situasi
Baca doa
05:11▮
← Doa pagi♡ ▶
اللّٰهُمَّ بِكَ أَصْبَحْنَا وَبِكَ أَمْسَيْنَا
Detail doa
Arab + latin + audio
Kiblat
Kompas kiblat
Berbasis lokasi
← Semua fitur
CX Insight — kenapa privat itu penting
Anti-riya': streak dan jumlah sedekah bersifat privat default — hanya user sendiri yang lihat. Tidak ada leaderboard, tidak ada counter publik. Pesan: "Sedekahmu antara kamu dan Allah. App ini hanya membantumu konsisten."
Anti-shaming: kalau lupa sehari, tidak ada notifikasi "streak putus". App diam. Besok ada lagi: "Subuh besok adalah pintu baru."
Halaman yang ada
T-15
Auto-debit settings
Baru
Alur lengkap (3 tap)
Flow Sedekah Subuh — 3 tap selesai
Dari FAB atau dari Bridge B. Semua pilihan ada di 1 layar — tidak perlu navigasi berlapis.
Masuk
—
Dari FAB atau Bridge B
Tap ❤ di navbar bawah, atau dari outro Qur'an
Tap 1
T-01
Pilih nominal
2rb / 5rb / 10rb / Bebas. Program & metode bisa diubah inline. Auto-debit opt-in.
Default: 5rb, anak yatim, saldo
Tap 2
T-02
Geser untuk sedekah
Slide-to-confirm. LazisMu resmi tertera. "Sedekahmu antara kamu & Allah."
Geser → proses 2 detik
Tap 3
T-03
Tersimpan + impact
"Kamu + 1.243 jamaah subuh ini" — anonim, privat. Link kuitansi.
Wireframe setiap layar
Tap 1
05:00▮
Sedekah hari ini
Nominal kecil, konsisten. LazisMu.
Sedekah Rp 5.000
1 layar, semua pilihan
Default cerdas
Tap 2
05:00▮
Konfirmasi
✓
Rp 5.000
Saldo · anak yatim
LazisMu resmi
Kuitansi tersedia
⟶ Geser untuk sedekah
Sedekahmu antara kamu & Allah
Slide to confirm
Trust LazisMu
Tap 3
05:01▮
✓
Tersimpan.
Ke anak yatim · LazisMu
Lihat kuitansi
Impact privat
Anonim, anti-riya'
← Semua fitur
CX Insight — "lubang hitam donasi"
Problem lama: user donasi, tidak tahu kemana uangnya. Ini yang disebut "lubang hitam". Enhancement: 3 lapis trust: (1) logo LazisMu resmi, (2) breakdown alokasi dana (80% program / 15% operasional / 5% amil), (3) foto nyata + nama ranting penyalur. Ditambah weekly digest: notifikasi mingguan "Dana minggu ini menjangkau X keluarga."
Halaman yang ada
Alur lengkap (4 langkah)
Flow Donasi LazisMu — 4 langkah
Browse → pilih program → bayar → terima kuitansi resmi PDF
Masuk
T-04
LazisMu hub
Galeri program dengan foto nyata. Filter: Semua / Pendidikan / Dhuafa / Dakwah
1
T-05
Detail program
Foto · breakdown alokasi · nama ranting penyalur · pilih nominal
Tap: Sedekah Rp 50.000
2
T-06
Pilih pembayaran
Bottom sheet: QRIS (default) / VA Danamon / Saldo
Lanjut bayar
3
T-07
Kuitansi resmi
PDF LazisMu · nomor resmi · bisa unduh / share. Kabar penyaluran tiap pekan.
Wireframe
Hub
16:00▮
Sedekah yang sampai
Resmi LazisMu
Lembaga zakat Muhammadiyah
SemuaPendidikanDhuafa
📷 santri
Beasiswa santri
Yogya · 247 · Rp 5rb+
📷 dhuafa
Bantuan dhuafa
Nasional · Rp 50rb+
Galeri program
Foto nyata + trust badge
Detail
16:01▮
📷 foto program
Beasiswa santri
Alokasi: 80% program · 15% ops · 5% amil
Sedekah Rp 50.000
Detail + breakdown
Transparansi alokasi dana
Kuitansi
16:03▮
Kuitansi resmi
Rp 50.000
No. LZM-0612 · PDF
Unduh PDF
Bagikan ke WhatsApp
📩 Kabar penyaluran tiap pekan
Kuitansi resmi PDF
+ weekly digest
← Semua fitur
Halaman yang ada
T-11
Zakat Maal/Kalkulator
Rework
Alur (3 langkah)
Pilih jenis → kalkulator → tunaikan
User tidak perlu tahu nisab — aplikasi yang hitung otomatis
Masuk
T-09
Pilih jenis
Fitrah / Maal / Penghasilan + reminder haul
1
T-10/11
Kalkulator
Input → Fatwa Tarjih inline → hasil otomatis
Tap: Tunaikan
2
T-06→07
Bayar → kuitansi
Reuse payment universal. Kuitansi resmi LazisMu.
Wireframe
Hub
10:00▮
Tunaikan zakat dengan benar
Pilih jenis
+ reminder haul
Kalkulator
10:01▮
Penghasilan / bulan
Rp 8.000.000
Fatwa Tarjih
Nisab 85g emas. Zakat 2,5%.
Tunaikan Rp 200.000
Kalkulator dituntun
Fatwa Tarjih inline
← Semua fitur
CX Insight — pembayaran bertahap
Banyak yang ingin kurban tapi cashflow tidak siap. Solusi: pembayaran bertahap — bukan disebut "paylater" (terkesan konsumtif), tapi "Atur pembayaran sesuai kemampuan, tanpa mengurangi niat baik."
Tracking 3-tahap (beli → disembelih → distribusi + foto) menutup "lubang hitam" donasi — user tahu sampai mana kurbannya.
Halaman yang ada
T-14
Tracking + sertifikat
Baru
Alur (4 langkah)
Pilih → bayar → tracking → sertifikat
Bertahap = 3 cicilan tanpa disebut "paylater"
Masuk
T-12
Pilih hewan
Kambing/Sapi + pilih lokasi penyaluran (NTT, Sulawesi, dll)
1
T-13
Pembayaran
Bayar penuh / Bertahap 3 bulan. Disclaimer syariat.
"Sesuai kemampuan"
2
T-14
Tracking 3 tahap
Beli ✓ → Disembelih (Idul Adha) → Distribusi + foto
3
T-14
Sertifikat digital
PDF resmi + foto distribusi
Wireframe
Pilih hewan
14:00▮
Kurban yang sampai ke yang tepat
Pilih kambing →
Pilih + lokasi
User pilih daerah penyaluran
Bayar
14:01▮
← Pembayaran
Bertahap · 3 bulan◉
Rp 834rb/bulan
"Sesuai kemampuan, tanpa mengurangi niat baik."
Lanjutkan
Pembayaran bertahap
Bukan "paylater"
Tracking
14:02▮
Status kurban
Kambing · NTT
Tracking 3 tahap
+ sertifikat digital
← Semua fitur
CX Insight — 2 masalah, 2 solusi
Masalah 1 — teknis: VA Danamon blank/gagal dibuat, user terjebak di layar kosong. Solusi: error state eksplisit + recovery bawaan: QRIS / coba VA lagi / transfer manual — user tidak pernah dead-end.
Masalah 2 — persepsi: "Kalau bisa gak ada iuran bulanan." User tidak merasakan value. Solusi: tampilkan breakdown dana: "40% dakwah · 35% kaderisasi · 25% AUM" — bukan tagihan, tapi kontribusi yang bermakna.
Halaman yang ada
T-18
Error + recovery
Fix P0
Alur (3 langkah + recovery)
Flow Iuran KTAM — 3 langkah + jalur recovery
Recovery path built-in: kalau VA gagal, user langsung dapat pilihan lain — tidak perlu keluar app atau WA admin
Masuk
T-16
List iuran
Per bulan · highlight yang belum dibayar
1
T-17
Bayar iuran
"Partisipasi Mei Rp 25.000" + breakdown dana. QRIS default.
Tap: Bayar Rp 25.000
2a
T-18
Jika VA gagal
Error state jelas + 3 pilihan: QRIS / Coba VA lagi / Transfer manual
BUG FIX · tidak dead-end
2b
T-19
Berhasil → sukses
"KTAM aktif sampai Juni · Partisipasimu menggerakkan 3 program"
Wireframe
Bayar
09:02▮
Partisipasi kader
Iuran Mei · Rp 25.000
Untuk: dakwah · kaderisasi · AUM
40% dakwah · 35% kaderisasi · 25% AUM
Bayar Rp 25.000
Partisipasi kader
Bukan tagihan · breakdown dana
Error recovery
09:02▮
VA gagal
Nomor rekening belum bisa dibuat sekarang.
Coba cara lain:
Error + recovery
Bukan dead-end lagi
Sukses
09:04▮
✓
Iuran Mei selesai
KTAM aktif sampai Juni
Partisipasimu menggerakkan 3 program 🤝
Lihat kuitansi
Sukses + makna
"Menggerakkan 3 program"
← Semua fitur
Halaman yang ada
Alur (2 langkah)
Feed → detail → share
Berita juga muncul di Homepage sebagai section horizontal scroll
Masuk
C-01
Feed berita
Card dengan foto · filter Terbaru/Organisasi/Sosial
1
C-02
Artikel lengkap
Konten penuh + share + berita terkait
Wireframe
Feed
10:00▮
TerbaruOrganisasiSosial
📷 berita utama
Muhammadiyah dorong digitalisasi kurban
2 jam · muhammadiyah.or.id
📷
Muktamar ke-49 visi pendidikan
5 jam
Feed card
Foto + filter kategori
Artikel
10:01▮
← Berita↗ 🔖
📷 foto artikel
Muhammadiyah dorong digitalisasi kurban
2 jam · muhammadiyah.or.id
Bagikan ke WhatsApp
Artikel lengkap
+ share WhatsApp
← Semua fitur
Halaman yang ada
Alur (2 langkah)
Browse → tonton → video terkait
Masuk
C-03
Video hub
Thumbnail + durasi + kategori Khutbah/Kajian/Inspirasi
1
C-04
Player + related
Embed YouTube · share · video terkait di bawah
Wireframe
Hub video
10:05▮
SemuaKhutbahKajian
Khutbah: Arti Kurban Sejati
PP Muhammadiyah · 5.200 views
Video hub
Thumbnail + durasi
Player
10:06▮
▶
Khutbah: Arti Kurban Sejati
PP Muhammadiyah · 5.200 views
↗ Share🔖 Simpan
Video terkait
Video player
Embed YT + related
← Semua fitur
Halaman yang ada
Alur (3 langkah)
List → detail → daftar hadir
NBM otomatis dari profil — tidak perlu isi ulang
Masuk
C-05
List event
Filter: Terdekat / Yogya / Nasional
1
C-06
Detail event
Penyelenggara · lokasi · waktu · trust badge PCM
Tap: Daftar hadir
2
C-06
Terdaftar
QR tiket · simpan ke kalender · notif H-1
Wireframe
List
16:00▮
TerdekatYogyaNasional
Pengajian Akbar
Sabtu · Masjid Gedhe · PCM
Workshop Kader
Sabtu · Kampus UMY
List event
Filter lokasi + tanggal
Detail + daftar
16:01▮
📷 foto event
Pengajian Akbar PCM
📅 Sabtu, 7 Juni · 16:00
📍 Masjid Gedhe Kauman
👤 PCM Caturtunggal
Daftar hadir
NBM auto-fill · QR tiket masuk
Detail + daftar
NBM auto-fill dari profil
← Semua fitur
Alur (2 langkah)
Tanya → jawaban berdasar Tarjih
Masuk
C-07
Pertanyaan
Chips populer + input bebas. Disclaimer: jawaban dari HPT Tarjih.
1
C-07
Jawaban + sumber
"Berdasar Putusan Tarjih Bab X" · link ke kalkulator/doa jika relevan
Wireframe
Chat
21:00▮
Tanya Tarjih
Jawaban dari Putusan Tarjih resmi
Bolehkah qadha digabung sunnah?
Cara hitung zakat penghasilan?
Putusan Tarjih
📖 HPT Bab Zakat
Tanya & jawab
Sumber Tarjih tertera
← Semua fitur
CX Insight — Gojek-adapted homepage
Gojek elements yang diterapkan:- NOW zone (Uber-focus) — 1 kartu dominan yang paling relevan saat ini (salat countdown / streak)
- Puck grid 4×2 (Gojek breadth) — akses cepat ke semua layanan
- Banner horizontal scroll — campaign Qurban, promo LazisMu
- FAB ❤ di tengah navbar — Sedekah bisa diakses kapan saja dari halaman mana saja
- Section cards — Berita, Video, Event scroll horizontal
Homepage Muslim umum — full scroll
Scroll atas
04:48🔔
Selamat subuh, kak 🌙
Pesan Hari Ini
"Sebaik-baik kalian adalah yang belajar Al-Qur'an dan mengajarkannya."
HR. Bukhari · Sumber: Tarjih
Now
Yogyakarta · 8 menit lagi
Lanjut baca Qur'an →
LayananSemua →
Scroll atas
Pesan hari ini → Now → Puck
Scroll bawah
04:48⬆
BeritaSemua →
VideoSemua →
Khutbah: Arti Kurban
PP Muh.
Event terdekatSemua →
Pengajian Akbar
Sabtu · Masjid Gedhe
Scroll bawah
Berita → Video → Event
Varian Kader
04:48🔔
Assalamualaikum, Pak Iqbal
Pesan Hari Ini
"Hiduplah seolah engkau orang asing." HR. Bukhari
Ranting saya
Pengajian PCM Sabtu
+ Iuran Mei belum dibayar
Varian Kader
Ranting + KTAM prominan
Varian Habit
04:48🔔
Hari ke-7, pertahankan 🌱
Pesan Hari Ini
"Amalan yang paling dicintai adalah yang konsisten." HR. Muslim
Varian Habit
Streak + progress