Wa-Zaker — Daily Fortress

Azkar with meaning, audio and reading options for varied needs and languages.

Transcript
View Live Project

RoleUX Designer, Front-End Developer & AI Workflow Lead

Designed adaptable reading, audio and content flows in both languages, and directed AI implementation.

Progressive Web App (PWA)Public app

Problem

I wanted daily zikr to work for people with different vision needs, audio preferences and first languages. The experience also needed to explain the meaning and value of each zikr and make starting easy.

Key decisions

I paired zikr with meanings, benefits and sources. Adjustable text, contrast, themes and audio offer different ways to engage in Arabic and English. Reading starts without an account, with optional device linking. User testing informed visual refinements.

Solution

I shaped the content, reading flows and responsive interface, then directed and reviewed AI implementation. The public app combines azkar, Qur’an and prayer times with audio, appearance settings, saved progress and optional device syncing.

Prayer times, Qur’an reminders and routine progress share one daily home, with a clear route into reading.
Explore screens & design details

A closer look at the features, interface and evidence behind the work.

A daily companion, at your own pace

Remembrance for everyday moments

Morning, evening, bedtime and after-prayer azkar, with supplications, meanings, benefits and source references. Tap to count and pick up where you left off.

Your Qur’an, your pace

Read the complete Mushaf with your place saved. Set daily pages, repeat a surah or juz, choose a completion schedule, or read freely.

Understand and listen as you read

Tap Qur’anic words for Arabic explanations and explore English verse meanings. Listen to Arabic and English azkar and selected surah recitations, with repeat and speed controls.

Keep prayer and progress in view

On-device prayer times, a next-prayer countdown and customizable reminders support the day. Activity charts and an optional growing oasis help make your routine visible.

Read comfortably, wherever you are

Use Arabic or English on phone and desktop. Adjust fonts, themes, contrast and motion; use core azkar offline and download available audio and Mushaf pages in advance.

Share the meaning, keep the source

Turn azkar, supplications and benefits into customizable image cards, or share text and links. Optional QR device linking syncs progress when connected.

Wa-Zaker across devices

Start a quick session on your phone, explore your routine on a tablet, or open a comfortable reading space on your desktop.

Key Design Decision

Begin without an account. Offer meanings and audio alongside the text, adjustable reading and appearance settings, and optional QR linking to continue across devices.

Trade-off: Progress stays on the device until optional QR linking is used. Syncing needs a connection, and available audio and Mushaf pages need downloading before offline use.

Figma Islamic UX Design Bilingual EN/AR RTL Midnight Dark Mode PWA & Offline First WCAG 2.2 informed AI Agent Direction

What I learned

Accessibility shaped the content and controls together. I translated different reading, listening and language needs into interface requirements, then refined the presentation through user testing and implementation review.

Next validation task

Build on the user testing with tasks for reading and listening preferences, English access, meaning discovery and device syncing. Include keyboard, screen-reader and offline-resume checks.

Evidence includes designs, live demos, and documented decisions. Business outcomes require sourced measurements.

Compare with similar apps

Evidence reviewed:

Wa-Zaker in context

Three apps, their strengths, and the evidence behind each verdict.

How to read this comparison

Wa-Zaker’s public reading, appearance and accessibility settings were tested as a guest in Edge on Windows, including palette changes, text scaling and saved preferences. The other apps were reviewed through official documentation. Verdicts compare demonstrated or documented features; they do not establish overall usability or assistive-technology conformance.

“Not verified” means this review did not establish the feature, not that the product lacks it. “Observed” describes only the sampled flow. “Documented” is a publisher’s claim, not an independent test.

  • Observed
  • Documented
  • Not verified

Verdicts are editorial judgments based on the cited evidence. A checkmark identifies the evidence status, not a product score. Unverified features are never treated as missing.

On a narrow screen, scroll this table horizontally. Keyboard: focus the table region, then use the arrow keys.

Capabilities and evidence boundaries
DimensionWa-ZakerBrowser-first readingDhikr & DuaDedicated dhikr & dua · Life With AllahMuslim ProAll-in-one utility suiteVerdict
Browser-first accessObservedOpen a link and read
View evidence

Browser reader reached without an account or installation; Azkar, Mushaf, prayer times and progress in navigation.

[6]
DocumentedDedicated dhikr & dua app
View evidence

Dedicated dhikr/dua app; listing includes audio, reminders and articles.

[10]
DocumentedBroad Islamic utility suite
View evidence

Broader suite: prayer, Qur’an, Qibla, dua, community and learning.

[11]
WinnerWa-Zaker

Best demonstrated fit for starting a reading session from a browser link.

[6] [10] [11]
Breadth of featuresObservedAzkar, Qur’an, prayer & progress
View evidence

Browser reader reached without an account or installation; Azkar, Mushaf, prayer times and progress in navigation.

[6]
DocumentedDhikr, audio, reminders & articles
View evidence

Dedicated dhikr/dua app; listing includes audio, reminders and articles.

[10]
DocumentedPrayer, Qur’an, Qibla & community
View evidence

Broader suite: prayer, Qur’an, Qibla, dua, community and learning.

[11]
WinnerMuslim Pro

The broadest documented suite here, including community and learning.

[6] [10] [11]
Reading controlsObservedLive scaling, 3 fonts & focus
View evidence

Three text sizes with a live reading preview; Humanist, Clear and Naskh fonts; optional translation and pronunciation; labeled reader tools, focus mode and keyboard-shortcuts help. Large text and Naskh remained selected after reload.

[6] [2]
DocumentedFonts, text sizes & search
View evidence

Adjustable Arabic, translation and transliteration sizes; Arabic font choice and keyword search.

[9]
Not verifiedEquivalent controls unverified
View evidence

Customization is described; equivalent dhikr-reader controls were not verified.

[11]
WinnerDhikr & Dua

Edge for separately adjustable Arabic, translation and transliteration sizes, plus keyword search.

[6] [2] [9] [11]
Counting and continuityObservedProgress survived an offline reload
View evidence

Completed one item; 1 of 18 persisted after offline reload. Backup/restore and sign-in/device-link controls are visible; sync was not exercised.

[6] [7]
DocumentedCounter & reminders listed
View evidence

Dhikr counter and reminders are listed; cross-device continuity was not assessed.

[10]
DocumentedGoals & feedback in older help
View evidence

Help describes custom phrases, goals and haptic/sound feedback. Article date is old; current build untested.

[12]
VerdictNo clear winner

Different strengths; cross-device continuity needs comparable tests.

[6] [7] [10] [12]
Offline boundariesObservedPreviously loaded reader tested
View evidence

Warmed before-sleep reader worked offline in Edge on Windows. Fresh-device access, all collections, audio downloads and long-term cache eviction remain untested.

[6]
Not verifiedOffline coverage unverified
View evidence

Offline reading/audio coverage was not established from the reviewed listing; this does not mean unavailable.

[10]
DocumentedPremium offline media listed
View evidence

Premium includes offline Qur’an recitations and Qalbox; this does not establish offline dhikr coverage.

[11]
VerdictNo clear winner

Only Wa-Zaker’s cached reader was tested. Coverage is not comparable.

[6] [10] [11]
Content provenanceObservedNamed sources in the reader
View evidence

Sources page names Hisn al-Muslim and Qur’an providers; sampled reader exposes a Benefit control. Religious accuracy was not independently reviewed.

[8] [6]
DocumentedSources & review process published
View evidence

FAQ names source books and a hadith cross-checking process; this is publisher documentation.

[9]
Not verifiedDhikr-level sources unverified
View evidence

Item-level dhikr sourcing was not established by the reviewed overview.

[11]
WinnerDhikr & Dua

Edge for a published cross-checking process; not an accuracy certification.

[8] [6] [9] [11]
Ad-free experienceObservedAd-free, with no removal fee
View evidence

Ad-free by policy: the public Privacy & terms page explicitly states there are no ads. Public navigation, reading and settings showed no ad placements or paid ad-removal gate. Advertising checks are separate from analytics and optional account data.

[4] [6] [3]
DocumentedFree & ad-free, per publisher
View evidence

Life With Allah explicitly describes Dhikr & Dua as free with no ads. This is publisher documentation; an installed build was not tested.

[5]
DocumentedAds in free; Premium removes them
View evidence

Free core is ad-supported; Premium removes banner/video ads.

[11]
Shared winnersWa-Zaker & Dhikr & Dua

Shared win: both offer an ad-free experience without paying to remove ads. Muslim Pro reserves ad removal for Premium.

[4] [6] [3] [5] [11]
Visual accessibility & comfortObservedColor-blind palettes, contrast & scaling
View evidence

Dedicated Deuteranopia, Protanopia and Tritanopia palettes, high contrast, bold text, reduced transparency and reduced motion were exercised; settings persisted after reload. Midnight, Light and Dark themes support personal reading comfort. Text sizes and font choices have a live preview. These demonstrated controls earn the category win; eye-strain relief and full assistive-technology conformance are not measured outcomes.

[1] [2] [3] [6]
DocumentedReading sizes & fonts documented
View evidence

Arabic, translation and transliteration sizes and font choices are documented. Dedicated color-blind palettes, transparency and motion controls were not established by the reviewed sources; their absence is not inferred.

[9]
Not verifiedEquivalent visual controls unverified
View evidence

Custom themes are described, but equivalent color-blind, contrast and scaling controls were not established in the reviewed overview.

[11]
WinnerWa-Zaker

Strongest demonstrated visual accessibility toolkit here: three color-blind modes, contrast, scaling and sensory controls. This is a feature comparison, not a WCAG certification.

[1] [2] [3] [6] [9] [11]
What to improve or validate next
  1. Publish an offline coverage matrix

    The tested session is a useful baseline. Verify fresh versus cached visits, multiple collections, audio availability, storage eviction and recovery on iOS and Android before promising complete offline coverage.

  2. Test discoverability, not just feature presence

    The reader exposes appearance, options, sidebar, meaning, benefit, audio and focus controls. Test whether first-time readers can change text size, find a source and resume a session without help. Compare a compact toolbar alternative; it is a new design hypothesis, not historical iteration evidence.

  3. Make trust and recovery demonstrable

    Backup, restore, pairing and sign-in controls already exist. Exercise export/import round trips and cross-device conflicts. Have a qualified reviewer assess source references and correction handling; listing sources alone does not certify content.

  4. Validate reading with people and assistive technology

    Run Arabic and English tasks with keyboard, NVDA/VoiceOver, enlarged text and reduced motion. Report task completion and observed obstacles with consent. No usability outcome or accessibility certification is claimed here.

Reproduce the offline observation
  1. Open Wa-Zaker online as a guest; choose English and open Before Sleep Azkar.
  2. Complete the first item; the reader advances to item 2 and shows 1 of 18.
  3. Set the browser offline and reload the same route. The sampled session returned with 1 of 18 and an offline notice.
  4. Restore the connection. This check covers a previously loaded reading session, not all media or a cold first visit.
Sources and review limits

Sources checked on the date above. The Muslim Pro Tasbih article displays a 2016 update date, so its current implementation needs device verification. No ratings, download totals, religious authority claims or numerical product scores are used.

  1. Wa-Zaker · accessibility controls (tested 22 October 2026) · Observed
  2. Wa-Zaker · text scaling, fonts and reading preview · Observed
  3. Wa-Zaker · appearance and language · Observed
  4. Life With Allah · free, ad-free app statement · Documented
  5. Wa-Zaker · public reader · Observed
  6. Wa-Zaker · account and data · Observed
  7. Wa-Zaker · content sources · Observed
  8. Life With Allah · official FAQ · Documented
  9. Dhikr & Dua · developer’s Google Play listing · Documented
  10. Muslim Pro · official features and FAQ · Documented
  11. Muslim Pro · Tasbih help (dated 2016) · Documented

Observed in browser review

At 390px and 1440px, the Light theme remained selected after reload. Switching to Arabic applied RTL direction, and that preference also survived reload. The settings page did not overflow either viewport.

Scripted Chromium interactions at emulated viewport sizes. These observations describe interface behavior; they are not participant usability findings or measured improvements.

Recordings & transcripts

Prefer to read along? Explore the audio library and the words behind each recording.

Explore recordings