Tanvir Ahassan
All work

2024 • Mobile App Design • App

Ibadat

I designed a daily prayer app around three moments: checking prayer times, finding trustworthy duas, and silencing the phone automatically inside a mosque.

Ibadat app splash, welcome, and prophetic ritual acts screens on mobile
Role
Sole UI/UX Designer
Industry
App
Platform
iOS and Android
Year
2024
Duration
3 months
Read
2 min

The challenge

The brief was not to add more features to another prayer app. It was to remove small interruptions from daily practice while keeping prayer times and religious content dependable.

Primary audiences

People building a daily prayer routine
Need dependable prayer times, useful reminders and authentic duas without a cluttered experience.
People praying at a mosque
Need their phone to stop interrupting prayer without remembering to change settings every time.

What shaped the work

Working with the client clarified a simple product principle: every feature had to earn its place in a daily religious routine, where trust and low effort matter more than novelty.

Insights

  • Prayer times needed to be dependable and local; anything less would undermine the whole app.
  • Dua sources needed to appear at the point of reading, not in a separate reference area.
  • Mosque silent mode had to work with almost no effort from the user.
Competitor analysis1 note
  • The comparison focused on prayer-time setup, source visibility for duas, custom collections and silent-mode controls.

Key decisions

What I changed and why

Prayer at a glance
Made today's times and the next prayer immediately visible, with reminder controls close by.
Silent mode without another ritual
Turned mosque silent mode into a simple, location-aware setting instead of another manual task to remember.
Trustworthy duas in context
Kept Arabic, transliteration, translation and source references together, with saving available in the same view.
Prayer Times screen counting down to Dhuhr with the daily prayer list, beside a Silence Mode screen with per-prayer toggles

Prayer times and silence mode

Prayer times and silence mode — click to enlarge
Dua collection screen with browsable categories, beside an open prayer showing Arabic text, transliteration, translation, and source reference

Dua collection with references

Dua collection with references — click to enlarge
Feed screen with Daily, Weekly, Monthly, and Yearly tabs listing ritual acts and Islamic events

Feed

Feed — click to enlarge
Angled view of app screens — welcome, prophetic ritual acts, prayer times, and supplications

Key screens

Key screens — click to enlarge
Selected user flows2 notes
  1. Set Up Prayer Times

    1. Open app
    2. Confirm location
    3. Review prayer times
    4. Set reminders
  2. Find and Save a Dua

    1. Browse collection
    2. Open dua
    3. Read translation and source
    4. Save
Wireframes2 notes
  • Mapped the prayer-time, dua and feed experiences in low fidelity before adding visual detail.
  • Used high-fidelity prototypes to test hierarchy across the main daily-use screens.
Visual direction2 notes
  • Used a calm palette, clear type and restrained Islamic references rather than heavy ornament.
  • Kept navigation and controls simple enough to scan quickly across a wide age range.