Mobile UX Islamic Productivity

Wa-Zaker — Daily Fortress

Accessible, offline-capable digital remembrance suite featuring dynamic daily Dhikr tracking and interactive Tasbeeh counter.

View Live Project
Wa-Zaker Daily Fortress user interface showcase
Notice the Arabic-first hierarchy, calm reading space, and clear daily progress.
Role UX Designer
Timeline 2 Months
Platform Progressive Web App (PWA)
Status Live Interactive Build
Read Time 3 min read
01 Challenge & Context

Traditional remembrance apps often suffer from cluttered typography, intrusive ads, lack of offline reliability, and poor contrast under varying lighting conditions.

02 Solution & Execution

Designed an uncluttered reading experience with large Arabic typography, tactile counter feedback, dark and high contrast modes, and zero network dependency.

Key Design Decision

Crafted a zero-distraction focus mode with persistent progress counters and instant Arabic/English recitation references.

Trade-off: Offline-first behavior improves reliability and privacy but limits cross-device continuity unless users opt into a future synchronization service.

Figma Islamic UX Design Bilingual EN/AR RTL Midnight Dark Mode PWA & Offline First WCAG 2.2 informed
03 Impact & Learnings

Delivered a lightweight, responsive implementation focused on calm reading, clear progress, and reliable use across screen sizes.

%
100% Offline capability & privacy
ads
0 ads Calm, distraction-free reading
modes
3 modes Light, Midnight & High Contrast

Freely available live application. Future validation should measure remembrance-session completion and daily return behavior with privacy-respecting analytics.

What I learned

Special learning: protecting Arabic-first, RTL, and reading-quality requirements while using agents on a content-sensitive experience.

Designed with accessibility, WCAG 2.2, and performance in mind.