Empat kebutuhan dalam satu aplikasi
Hafalan, kursus, acara, dan donasi bersaing memperebutkan ruang di beranda.
01 Pendidikan & Sosial — 2024
Perombakan aplikasi
belajar Al-Qur’an
dari layar pertama.
Onboarding, beranda, kursus, acara, dan donasi disusun ulang menjadi satu bahasa visual yang hangat dan konsisten di seluruh layar.
Ringkas
- Klien
- Hamim
- Sektor
- Pendidikan & Sosial
- Tahun
- 2024
- Lingkup
- Perombakan aplikasi mobile
- Peran
- Desain & implementasi antarmuka
02 / Ikhtisar
Hamim membantu penggunanya menghafal dan mempelajari Al-Qur’an, sekaligus menjadi kanal untuk kelas berbayar, agenda kegiatan, dan penggalangan donasi.
Perombakan ini menata ulang navigasi utama menjadi empat tab, menyeragamkan kartu konten, dan memperjelas alur donasi dari pemilihan program sampai konfirmasi pembayaran.
03 / Tantangan
Pengguna baru
Aplikasi perlu menjelaskan manfaatnya sebelum meminta pendaftaran.
Alur donasi yang panjang
Memilih program, menentukan nominal, memilih metode bayar, lalu konfirmasi.
Konten yang berulang
Kursus gratis, berbayar, dan diskon perlu satu pola kartu yang sama.
04 / Solusi
Onboarding tiga layar
Tiga pesan singkat menjelaskan manfaat sebelum pengguna diminta mendaftar.
Beranda yang menjawab dulu
Waktu salat, hafalan terakhir, lalu dua aksi utama: sambung bacaan dan cek bacaan.
Kartu kursus tunggal
Satu kartu menampung label akses gratis, harga, maupun diskon tanpa varian baru.
Donasi bertahap
Progres terkumpul, nominal, metode bayar, dan konfirmasi dipecah menjadi langkah yang jelas.
05 / Teknologi
Mobile UIDesign SystemComponent LibraryPrototypingiOSAndroid
06 / Galeri
Cuplikan antarmuka dan area penting dari proyek.
07 / Hasil
- Navigasi
- Empat tab utama: beranda, donasi, acara, lainnya
- Konsistensi
- Satu pola kartu untuk kursus gratis, berbayar, dan diskon
- Alur donasi
- Tujuh metode pembayaran dalam satu langkah pemilihan
- Onboarding
- Tiga layar pengenalan sebelum pendaftaran