Studi Kasus

Nawafil — kebiasaan ibadah kecil yang berbuah besar

PWA installable untuk amalan sunnah, hadis, dzikir, Qur'an, dan kiblat — dikirim sebagai 7 sub-fitur tipis dalam 8 minggu. Arsitekturnya kini menggerakkan seluruh portofolio mini app Idin Studio, memangkas waktu build tiap aplikasi baru ~60%.

KlienIdin Studio
IndustriIslamic Spiritual Lifestyle App
EngagementActive development — own product
KepemilikanProduk Sendiri Idin Studio
Nawafil — kebiasaan ibadah kecil yang berbuah besar
metrik #1

7 sub-fitur dikirim dalam 8 minggu

metrik #2

Reuse PWA pangkas waktu build app berikutnya ~60%

metrik #3

Live — iterasi berjalan

01 / Masalah

Masalah

Mayoritas habit-tracker Islami gagal di retention. Ada yang terlalu gamified (dan kehilangan keikhlasan), ada yang terlalu polos (rasa kayak spreadsheet). Kami ingin sesuatu yang menghormati nilai ibadahnya — tapi tetap menarik user balik tiap hari tanpa terkesan memaksa.

02 / Kendala

Kendala

  • [01]Launch tanpa budget — tidak bisa beli reach, harus dapat dari SEO dan word of mouth.
  • [02]Audiens dari Muslim casual sampai santri serius hafalan — UI harus skala dua arah.
  • [03]Single founder + agen AI — setiap fitur wajib reusable di mini app Idin Studio lain.
  • [04]Harus jalan offline di Android entry-level di kondisi Wi-Fi masjid.
03 / Pendekatan

Pendekatan Kami

Kami pecah masalahnya jadi 7 sub-fitur tipis (tracker, Qur'an, hadis, doa, dzikir, kiblat, qurban) lalu kirim satu per satu, masing-masing tetap berguna sendiri. Arsitektur: Next.js 15 App Router pakai RSC sebagai default, Payload CMS jadi tulang punggung konten + admin, Auth.js untuk Google OAuth (paling friction rendah untuk user Indonesia), dan PWA dengan prompt install custom. Gamifikasi streak dan share-card kami tambahkan terakhir — setelah daily loop intinya benar-benar bekerja.

Poin Teknis Utama

Merilis PWA installable dengan arsitektur modular yang dapat digunakan kembali memungkinkan pengembang tunggal merilis 7 fitur sunnah dalam 8 minggu, sekaligus menjadi cetak biru visual untuk seluruh ekosistem produk Idin Studio.

04 / Galeri

Galeri

Beranda — mode tracker Tahajud

Beranda — mode tracker Duha

Beranda — streak dan statistik progres

Timeline perjalanan spiritual

Al-Qur'an — daftar surah

Al-Qur'an — tampilan baca surah

Al-Qur'an — mode belajar dengan transliterasi

Al-Qur'an — pengaturan tampilan

Kompas arah kiblat

Doa & Hadis — daftar

Doa & Hadis — detail

Panduan tajwid

Tracker nabung qurban

Kalkulator zakat

05 / Hasil

Hasil

  • PWA installable — bebas friction app store; retensi daily-active terukur sejak minggu pertama.
  • 7 sub-fitur dikirim dalam 8 minggu dengan satu sistem desain konsisten.
  • PWA shell, mesin gamifikasi, share-card generator, dan setup i18n sekarang dipakai Rukun, Zakat, dan Hafalan — memangkas waktu build ~60%.
  • Traffic SEO dari long-tail kata kunci Islami (high-intent) — akuisisi sustainable tanpa iklan berbayar.
  • Monetisasi terbuka via donasi + slot sponsor di permukaan non-ibadah.
06 / Ulasan

Kenapa ini penting

Produk spiritual hidup mati di kredibilitas. Cara paling cepat kehilangan user: over-gamifikasi tindakan suci. Cara paling cepat dapat user: kirim satu fitur kecil yang bener-bener bantu malam ini — lalu dapatkan hak untuk menambah fitur berikutnya. Perlakukan tiap sub-fitur seperti produk sendiri dengan outcome minggu pertamanya sendiri, lalu portofolionya compounding.

07 / Teknologi

Tech Stack

Frontend & UI

Next.js 15 (App Router, RSC)Tailwind CSS v4next-intl (ID + EN)

DevOps & Infrastruktur

Payload CMSPWA (offline-capable)Web Share API

Penyimpanan & Protokol

PostgreSQL

Backend & API

Auth.js v5 (Google OAuth)
LET'S GO

Hubungi kami

Punya proyek di kepala?

Kami balas dalam 24 jam pada jam kerja WIB. Bahasa Indonesia atau Inggris — pilih yang paling nyaman buat kamu.

top rated plus · 100% jss · 8+ klien

Nawafil — kebiasaan ibadah kecil yang berbuah besar | Idin Studio