PRD Design · Pendamping PRDPeta layar & aturan tampilan

✅ Disetujui untuk perencanaan ⏳ Masih perlu review UI/UX

📱 Peta layar aplikasi 13 layar

🚀Buka app
→
🔑Login / daftar
→
🏠Beranda & katalog
→
📚Library
→
📘Detail buku
→
📖Reader+ highlight
Kalau akses habis ↘
💳Langganan
→
📦Pilih paket
→
🏦Instruksi bayar
→
📤Upload bukti
→
⏳Status bayarmenunggu / ok / ditolak

🖥️ Peta layar admin 9 layar

🔑Login CMS
→
📊Dashboard
→
📝 Konten → editor → publish
👤 User → detail & status
📦 Paket & rekening tujuan
🧾 Antrian bukti bayar → approve / tolak

💬 Pesan yang harus jelas

🎨 Tiap layar wajib punya 10 kondisi biar gak ada layar "bolong"

🖼️ Normal⏳ Loading📭 Kosong✅ Berhasil⚠️ Error 🚫 Gak punya akses⌛ Kedaluwarsa🕒 Menunggu❌ Ditolak⛔ Nonaktif

🧩 Contoh: dropdown "Pilih paket" 7 dari 8 varian wajib

Pilih paket ▾
Tertutup
Pilih paket ▴
Paket A
Paket B
Terbuka
Paket B ✓ ▾
Terpilih
Belum ada paket
Kosong
Pilih paket ▾
Nonaktif
Memuat… ⟳
Loading
Pilih paket ▾
Wajib dipilihError

Komponen lain yang juga dirinci: upload bukti bayar (7 varian), highlight di reader (7), tombol approve / tolak admin (7).

❓ Pertanyaan desain

13 belum terjawab
Sumber: docs/project/02-PRD-DESIGN.md · bukan desain final / Figma, jadi acuan buat desain tiap user story