MASA flows
MASA by LabMu · Feature Flows & Wireframe · v3

Feature Flows

Pilih satu fitur dari kartu di bawah untuk melihat: halaman yang adaalur langkah demi langkahwireframe setiap layarnya. Semua disusun per fitur agar mudah dibaca.

Habit Kebiasaan ibadah harian
Transaksi Sedekah, donasi, bayar
Konten Berita, video, event
Identitas Profil, KTAM, anggota
Bug fix Sudah bermasalah, harus diperbaiki
Baru Fitur baru yang ditambahkan
🚀
Fitur 0
Onboarding
Masuk pertama kali → pilih segmen → mulai ibadah. 3 langkah.
Baru
🏠
Fitur 1
Homepage
Beranda adaptif per segmen: Pesan hari ini, salat, konten.
HabitKonten
📖
Fitur 2
Al-Qur'an
Baca → resume otomatis → tafsir Tarjih → outro ke Sedekah.
Habit→ Transaksi
🕌
Fitur 3
Jadwal Salat
5× sehari → countdown → buka Qur'an. Jangkar habit terkuat.
Habit
🤲
Fitur 4
Doa & Kiblat
Doa kontekstual (pagi/situasi) + kompas arah kiblat.
Habit
❤️
Fitur 5
Sedekah Subuh
1 tap dari Qur'an → pilih nominal → disalurkan LazisMu. Privat.
TransaksiBaru
🏥
Fitur 6
Donasi LazisMu
Browse program → foto nyata → bayar → kuitansi resmi PDF.
Transaksi
🧮
Fitur 7
Zakat
Kalkulator Fitrah + Maal dituntun. Fatwa Tarjih inline.
Transaksi
🐄
Fitur 8
Kurban
Pilih hewan → bayar bertahap → tracking → sertifikat digital.
Transaksi
🪪
Fitur 9
Iuran KTAM
Bug VA blank diperbaiki. Reframe: partisipasi kader, bukan tagihan.
Bug fixIdentitas
📰
Fitur 10
Berita
Feed dari muhammadiyah.or.id → filter → artikel → share.
Konten
▶️
Fitur 11
Video
YouTube Muhammadiyah → kategori → tonton → video terkait.
Konten
🗓️
Fitur 12
Event
List event ranting → detail → daftar dengan NBM otomatis.
Konten
💬
Fitur 13
ChatHPT
Tanya fikih → jawaban dari Putusan Tarjih resmi.
Baru
👤
Fitur 14
Profil & Settings
e-KTAM, ranting saya, notifikasi fix, by LabMu.
IdentitasBug fix
← Semua fitur
🚀
Fitur 0 · Onboarding & Auth

Onboarding & Masuk

Dari buka pertama kali sampai masuk ke homepage. Maksimal 3 langkah. User memilih segmen pengalaman mereka di awal — ini menentukan seluruh tampilan berikutnya.
Baru
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
P-01
Splash
Rework
P-02
Thesis hook
Baru
P-03
Pilih segmen
Baru
P-04
Izin notifikasi
Baru
P-05
Login M-ID
Keep
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
9:41
M
MASA
by LabMu
P-01 · Splash
Splash
Logo + by LabMu
Langkah 1
9:41
Sudah 100 tahun Muhammadiyah membimbing umat.
Sekarang, dalam satu aplikasi.
Mulai
Lewati
P-02 · Thesis hook
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
P-03 · Pilih segmen
3-Segment picker
Menentukan homepage
Langkah 3
9:41
🔔 📍
Izinkan notifikasi & lokasi?
Untuk pengingat salat & kebiasaan baik harian
Izinkan
Nanti saja
P-04 · Izin notif
Permission primer
Sebelum dialog OS
← Semua fitur
📖
Fitur 2 · Habit Harian

Al-Qur'an reader

Baca Qur'an dari posisi terakhir (resume otomatis), tafsir Tarjih muncul saat scroll, dan di akhir sesi ada ajakan Sedekah Subuh yang lembut — bisa dilewati kapan saja.
Habit harian→ Sedekah Subuh
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-03
Indeks Surah
Rework
H-04
Reader ayat
Rework
H-05
Aksi ayat (sheet)
Rework
H-06
Outro → Sedekah
Baru
H-07
Pengaturan baca
Keep
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 →
🔍 Cari surat / ayat
SurahJuzBookmark
2 · Al-Baqarah
Sedang dibaca
البقرة
H-03 · Indeks surah
Indeks surah
Resume prominent di atas
Langkah 1
04:52
← Al-Baqarah38%
23
🔖 ▶ ⋯
وَإِن كُنتُمْ فِى رَيْبٍ
Tafsir Tarjih
24
🔖 ▶
فَإِن لَّمْ تَفْعَلُوا۟
H-04 · Reader + tafsir
Baca ayat
Tafsir Tarjih tap
Langkah 2
04:53
Ayat 23
🔖
Bookmark
📖
Tafsir
Murottal
Share
H-05 · Aksi ayat
Aksi ayat
Bottom sheet
Bridge B
05:02
23 ayat tadi.
Posisi tersimpan otomatis
Sedekah Subuh
Lengkapi pagimu?
2rb
5rb
10rb
Sedekah Rp 5.000
Nanti saja
H-06 · Outro Bridge B
Outro → Sedekah
Bridge B (bisa skip)
← Semua fitur
🕌
Fitur 3 · Habit Harian

Jadwal Salat

Fitur paling sering dibuka — 5× sehari. Countdown ke waktu salat berikutnya, pengingat per waktu yang bisa diatur sendiri-sendiri, dan Bridge A yang mengajak buka Qur'an sambil menunggu.
Habit harian · 5× sehariBridge A → Qur'anFix: notif bug
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-01
Jadwal salat
Rework
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
✓ Imsak 04:11selesai
● Subuh04:42 🔔
Dzuhur11:35
Ashar14:57
Doa pagi
اللّٰهُمَّ بِكَ أَصْبَحْنَا
H-01 · Salat + Bridge A
5 waktu + countdown
Bridge A ke Qur'an
Atur notif
04:22
Subuh · 04:42
Adzan suara penuh
Pengingat 10 menit
Getar saja
✓ Pengaturanmu dihormati
H-02 · Notif fix
Atur notif per waktu
Bug fix: benar-benar dihormati
← Semua fitur
🤲
Fitur 4 · Habit Harian

Doa & Kiblat

Doa bukan daftar A-Z yang panjang lagi — sekarang kontekstual: pagi/petang otomatis muncul, situasi bisa dipilih (sakit, perjalanan, ujian). Kiblat kompas digital berbasis lokasi.
Habit harian
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
H-08
Doa hub
Rework
H-09
Detail doa
Keep
H-10
Kiblat
Keep
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
Sehat
Rezeki
Jalan
Ujian
Keluarga
Sedih
Syukur
Semua
H-08 · Doa kontekstual
Doa hub
Kontekstual waktu + situasi
Baca doa
05:11
← Doa pagi♡ ▶
اللّٰهُمَّ بِكَ أَصْبَحْنَا وَبِكَ أَمْسَيْنَا
▶ DengarkanLatin ◉
H-09 · Detail doa
Detail doa
Arab + latin + audio
Kiblat
11:20
Penunjuk arah ibadah
🕋
Kiblat: 295° Barat Laut
H-10 · Kiblat
Kompas kiblat
Berbasis lokasi
← Semua fitur
❤️
Fitur 5 · Transaksi Amal (BARU)

Sedekah Subuh

Fitur jangkar habit-transaksi. Datang dari Qur'an outro (Bridge B) atau tap FAB kapan saja. Satu layar, pilih nominal, geser untuk konfirmasi — 3 tap selesai. Impact privat (anti-riya').
Fitur baruTransaksi LazisMuHabit loop
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-01
Sedekah quick
Baru
T-02
Konfirmasi
Baru
T-03
Sukses + impact
Baru
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.
2rb
5rb
10rb
Bebas
Untuk: Anak yatim ✓ubah
Bayar: Saldo ✓ubah
⟳ Ulangi tiap Subuh?
Sedekah Rp 5.000
T-01 · Pilih nominal
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
T-02 · Slide confirm
Slide to confirm
Trust LazisMu
Tap 3
05:01
Tersimpan.
Ke anak yatim · LazisMu
Kamu + 1.243 jamaah 🤲
Lihat kuitansi
T-03 · Impact privat
Impact privat
Anonim, anti-riya'
← Semua fitur
🏥
Fitur 6 · Transaksi Amal

Donasi LazisMu

Browse program donasi LazisMu dengan foto nyata, lihat breakdown alokasi dana, bayar, dan terima kuitansi resmi PDF. Setiap minggu dapat kabar penyaluran.
TransaksiTrust LazisMu
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
T-04
LazisMu hub
Rework
T-05
Detail program
Rework
T-06
Pembayaran
Keep
T-07
Kuitansi resmi
Rework
T-08
Riwayat donasi
Keep
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+
T-04 · Gallery trust
Galeri program
Foto nyata + trust badge
Detail
16:01
📷 foto program
Beasiswa santri
Alokasi: 80% program · 15% ops · 5% amil
20rb
50rb
100rb
Sedekah Rp 50.000
T-05 · Detail + breakdown
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
T-07 · Kuitansi PDF
Kuitansi resmi PDF
+ weekly digest
← Semua fitur
🧮
Fitur 7 · Transaksi Amal

Zakat kalkulator

Tiga jenis zakat: Fitrah (per jiwa), Maal (harta), dan Penghasilan (gaji). Kalkulator step-by-step yang dituntun — user tidak perlu tahu rumus. Sumber fatwa Tarjih tertera di layar.
TransaksiTrust Tarjih
Halaman yang ada
T-09
Zakat hub
Rework
T-10
Zakat Fitrah
Rework
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
Zakat Fitrah
Per jiwa · Ramadan
Zakat Maal
Harta, tabungan, emas
Zakat Penghasilan
Gaji bulanan
⏰ Haul: 2 bulan lagi
T-09 · Zakat hub
Pilih jenis
+ reminder haul
Kalkulator
10:01
Zakat Penghasilan
Penghasilan / bulan
Rp 8.000.000
Fatwa Tarjih
Nisab 85g emas. Zakat 2,5%.
Zakatmu:Rp 200.000
Tunaikan Rp 200.000
T-11 · Kalkulator
Kalkulator dituntun
Fatwa Tarjih inline
← Semua fitur
🐄
Fitur 8 · Transaksi Amal

Kurban QurbanMu

Pilih hewan → bayar penuh atau bertahap → tracking 3 tahap (beli-sembelih-distribusi) → sertifikat digital. Framing: "kurban tanpa ribet" — menjual ketenangan hati, bukan hewan.
TransaksiTrust distribusi
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-12
Pilih hewan
Rework
T-13
Pembayaran
Rework
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
Kambing
Rp 2,5jt
1 orang · 1 ekor
Sapi (1/7)
Rp 2,8jt
📍 NTT ✓ubah
Pilih kambing →
T-12 · Pilih hewan
Pilih + lokasi
User pilih daerah penyaluran
Bayar
14:01
← Pembayaran
Bayar penuh
Rp 2.500.000
Bertahap · 3 bulan
Rp 834rb/bulan
"Sesuai kemampuan, tanpa mengurangi niat baik."
Lanjutkan
T-13 · Bertahap
Pembayaran bertahap
Bukan "paylater"
Tracking
14:02
Status kurban
Kambing · NTT
Dibeli & dibayar
2
Disembelih · Idul Adha
3
Distribusi + foto
🎫 Sertifikat digital
T-14 · Tracking
Tracking 3 tahap
+ sertifikat digital
← Semua fitur
🪪
Fitur 9 · Identitas + Bug Fix

Iuran KTAM

Bug paling sering dikeluhkan: "Tombol bayar iuran ngeblank, no rekening tidak muncul." Ini diperbaiki dengan error state + recovery path. Iuran juga di-reframe dari "tagihan" menjadi "partisipasi kader".
Bug fix P0Identitas kader
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-16
List iuran
Rework
T-17
Bayar iuran
Fix P0
T-18
Error + recovery
Fix P0
T-19
Sukses
Rework
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: QRIS ✓ubah
Bayar Rp 25.000
T-17 · Iuran (reframe)
Partisipasi kader
Bukan tagihan · breakdown dana
Error recovery
09:02
VA gagal
Nomor rekening belum bisa dibuat sekarang.
Coba cara lain:
▣ Bayar QRIS
↻ Coba VA lagi
Transfer manual →
T-18 · FIX: Recovery
Error + recovery
Bukan dead-end lagi
Sukses
09:04
Iuran Mei selesai
KTAM aktif sampai Juni
Partisipasimu menggerakkan 3 program 🤝
Lihat kuitansi
T-19 · Sukses + makna
Sukses + makna
"Menggerakkan 3 program"
← Semua fitur
📰
Fitur 10 · Konten

Berita Muhammadiyah

Feed berita dari muhammadiyah.or.id dengan desain card yang bersih. Filter per kategori, artikel lengkap, bisa share ke WhatsApp. Juga muncul di homepage sebagai scroll horizontal.
Konten
Halaman yang ada
C-01
Berita hub
Enhance
C-02
Detail berita
Enhance
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
Berita Muhammadiyah
TerbaruOrganisasiSosial
📷 berita utama
Muhammadiyah dorong digitalisasi kurban
2 jam · muhammadiyah.or.id
📷
Muktamar ke-49 visi pendidikan
5 jam
C-01 · Feed berita
Feed card
Foto + filter kategori
Artikel
10:01
← Berita↗ 🔖
📷 foto artikel
Muhammadiyah dorong digitalisasi kurban
2 jam · muhammadiyah.or.id
Bagikan ke WhatsApp
C-02 · Detail + share
Artikel lengkap
+ share WhatsApp
← Semua fitur
▶️
Fitur 11 · Konten

Video Muhammadiyah

Video dari YouTube channel Muhammadiyah dengan kategori: Khutbah, Kajian, Inspirasi. Thumbnail jelas, durasi tertera. Juga muncul di homepage sebagai rekomendasi scroll horizontal.
Konten
Halaman yang ada
C-03
Video hub
Enhance
C-04
Video player
Enhance
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
Video Muhammadiyah
SemuaKhutbahKajian
12:34
Khutbah: Arti Kurban Sejati
PP Muhammadiyah · 5.200 views
Doa Pagi
8:21 · TV Muh.
C-03 · Video hub
Video hub
Thumbnail + durasi
Player
10:06
Khutbah: Arti Kurban Sejati
PP Muhammadiyah · 5.200 views
↗ Share🔖 Simpan
Video terkait
Doa Pagi
8:21
C-04 · Player
Video player
Embed YT + related
← Semua fitur
🗓️
Fitur 12 · Konten

Event Muhammadiyah

List event dari ranting & PP Muhammadiyah. Filter lokasi + tanggal. Daftar hadir 1 tap — NBM diisi otomatis dari profil. QR tiket masuk ke e-KTAM.
KontenTrust komunitas
Halaman yang ada
C-05
List event
Keep
C-06
Detail event
Rework
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
Event
TerdekatYogyaNasional
7
JUN
Pengajian Akbar
Sabtu · Masjid Gedhe · PCM
14
JUN
Workshop Kader
Sabtu · Kampus UMY
C-05 · Event list
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
C-06 · Detail + daftar
Detail + daftar
NBM auto-fill dari profil
← Semua fitur
💬
Fitur 13 · Fitur Baru

ChatHPT Tanya Tarjih

Tanya pertanyaan fikih dan dapat jawaban berdasarkan Putusan Majelis Tarjih resmi. Bukan AI bebas — terikat pada sumber resmi. Pertanyaan populer tersedia sebagai shortcut.
Fitur baruTrust Tarjih
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?
Cara hitung zakat?
Putusan Tarjih
📖 HPT Bab Zakat
💬 Tulis pertanyaanmu…
C-07 · ChatHPT
Tanya & jawab
Sumber Tarjih tertera
← Semua fitur
👤
Fitur 14 · Identitas + Bug Fix

Profil & Settings

Hub akun: e-KTAM, ranting saya, riwayat donasi, pengaturan notifikasi, Sedekah Subuh settings. Bug fix: NBM sync + notif per-kategori. "by LabMu" sebagai penanda ekosistem.
IdentitasBug fixRanting saya baru
Halaman yang ada
I-01
e-KTAM card
Rework
I-02
Ranting Saya
Baru
I-03
Profil utama
Rework
I-04
Edit profil
Fix NBM
I-05
Notif settings
Fix bug
I-06
Sedekah Subuh settings
Baru
Wireframe
Profil
20:00
IQ
Muhammad Iqbal
Kader · PCM Caturtunggal
e-KTAM & Iuran
Ranting Saya
Riwayat donasi & zakat
Pengaturan & notifikasi
MASA by LabMu
Muhammadiyah Software Labs
I-03 · Profil + by LabMu
Hub akun
by LabMu di bawah
e-KTAM
09:00
Kartu kader Muhammadiyah
Aktif
s/d Jun 2026
Muhammad Iqbal
NBM · 12.345.678
PCM Caturtunggal
QR
⚠ Iuran Mei belumbayar →
I-01 · e-KTAM
e-KTAM digital
QR + status aktif
Ranting Saya
16:00
Ranting saya
PCM Caturtunggal
Pengurus: Ust. Ahmad · 1.240 jamaah
Event bulan ini
Pengajian Akbar
Sabtu 7 Jun
Donasi tersalurkan
Rp 2,3jt jamaah → 3 program
I-02 · Ranting baru
Ranting Saya
Trust Layer 4 (baru)
Notif (fix)
20:00
Notifikasi
🕌 Adzan & salat
🤲 Sedekah Subuh
💳 Iuran
📣 Event
✓ Yang kamu matikan, benar-benar mati.
I-05 · FIX: per-kategori
Notif per-kategori
Bug fix: benar-benar dihormati
← Semua fitur
🏠
Fitur 1 · Hub semua fitur

Homepage Beranda

Pusat navigasi app. Konten berbeda per segmen (Kader/Muslim umum/Habit seeker). Scroll dari atas ke bawah: Pesan Hari Ini → Salat NOW → Puck Grid → Berita → Video → Event. FAB ❤ untuk Sedekah kapan saja.
Semua habitSemua konten
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
Subuh 04:42
8'
Yogyakarta · 8 menit lagi
Lanjut baca Qur'an →
🎉 Qurban cicil 3 bulan →
LayananSemua →
Qur'an
Salat
Sedekah
Doa
Zakat
Qurban
Event
KTAM
Home
Ibadah
Konten
Saya
P-08 · Homepage Muslim
Scroll atas
Pesan hari ini → Now → Puck
Scroll bawah
04:48
BeritaSemua →
📷
Digitalisasi kurban
2 jam
📷
Muktamar ke-49
5 jam
VideoSemua →
12:34
Khutbah: Arti Kurban
PP Muh.
Event terdekatSemua →
7
JUN
Pengajian Akbar
Sabtu · Masjid Gedhe
Home
Ibadah
Konten
Saya
P-08 · Scroll bawah
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
KTAM
Iuran
Qur'an
Salat
Ranting
Event
Sedekah
Semua
Home
Ibadah
Konten
Saya
P-07 · Kader
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
7 hari
Qur'an + Sedekah
🔥
Target hari ini2/2
Qur'an
Salat
Sedekah
Progress
Home
Ibadah
Konten
Saya
P-09 · Habit seeker
Varian Habit
Streak + progress
MASA by LabMu · Feature Flows & Wireframe · v3 · Per fitur · Clean · 10 Juni 202615 fitur · bisa navigate per fitur dari navbar atas