Abdullah OmerOpen the canvas

UX audit · Mobile · EdTech · Shipped

Qur’an for All

A daily habit for 200,000 people, rebuilt around find and return.

Qur’an for All redesign: Discover, Home and Favorite Series screens

A free Islamic learning app with over 20,000 audio lectures and around 200K daily listeners in 90+ countries. I started with an audit nobody asked for, got hired to lead the redesign, and over eight months we shipped a new navigation, home screen and player.

My role
Lead designer: audit, survey, usability sessions, IA, UI, design system and handoff.
Duration
8 months
Team
Me and three juniors, rotating across phases.
Stack
Bilingual survey, Moderated usability sessions, Information architecture, Design system, Figma
  • 200K daily users
  • 1M+ downloads
  • 90+ countries

Problem

20,000 lectures behind look-alike tiles.

Every daily feature was hidden in a three-dot menu, and the player, the screen people used most, was the lowest rated in the audit at 2.1/5.

The challenge was to fix this without breaking the habits 200,000 people had already built.

Old home screen: 20 green tiles
Twenty identical tiles
Old kebab menu with Bookmarks, Search and Downloads
Features behind a kebab
Old playback bar with seven controls crammed together
Seven controls in one bar

Research

What people said, and what they actually did.

A bilingual survey ran through the WhatsApp groups and channels where users already were, plus moderated sessions on their own devices, with every task measured against targets agreed in advance.

The survey is self-report and six sessions are directional, so every session finding is either backed up at scale or flagged as unproven.

  • ~1,900 survey responses
  • 6 moderated sessions
  • 3 weeks collection window

Findings

Users didn’t need new features. They needed the existing ones to work better.

Three intents kept surfacing across the survey and the sessions.

  • Find. They know what they want. 55% never used Search, because it was hidden.
  • Return. They’re mid-series. 60% had saved something they later couldn’t find.
  • Explore. No particular goal. The smallest group, and stakeholders chose to prioritise current users.

Solution · Navigation

First, the app needed navigation.

A four-tab bar replaced the kebab, each tab mapped to one behaviour: Home is your activity, Browse is discovery, Library is structured content, Search is direct retrieval.

Home became a dashboard: Recently Played, Favorite Audios, Favorite Series and Downloaded.

Old home: 20 green tiles and a hidden kebab
Before
New home: populated dashboard with persistent four-tab navigation
After

Solution · Hardest call

Deciding not to redesign the Library.

Around 200,000 people had already memorised it, so it kept its shape. We only removed the categories the survey showed nobody used, going from 19 to 12.

One taxonomy rule then applied across 20,000+ files: one row per series, variants one level deeper, bilingual titles.

Library: 12 cards in the All filter
Same shape, 12 cards
New Hadith list with English and Urdu titles
One title per row

Solution · Player

Playback, rebuilt as two surfaces.

A persistent mini player for the background, and a full-screen player with a real scrub bar and exposed speed control for everything else.

Visible state went on every row: saved, downloaded, or already played.

New mini player pinned above the tab bar
Mini player
New full-screen player with a scrub bar
Full-screen player

Results

Shipped, then re-tested on the same tasks.

Eight weeks after release, using the same protocol, against targets set before testing. These come from moderated sessions rather than usage tracking, and Browse and onboarding remain unproven.

  • 0% → 92% save-for-later completion
  • 0% → 88% “is this saved?” first click
  • 4.0 → 0.3 seek errors
  • 2.1 → 4.5 player ease, out of 5

Learnings

Good judgment sometimes means doing less design.

The next cycle has two goals: analytics in the product, and closing the accessibility gaps that didn’t make the first release.

  • The hardest call was holding back. Letting Browse and Library coexist was harder than designing either one.
  • Showing state mattered more than adding actions. The tasks that improved most were the ones where the fix was making things visible.

See Qur’an for All on the canvasRead the full case studyView the presentation (PDF)