Product Design · UX Strategy · Islamic Digital Product

Islamic Companion App

A year round Muslim companion concept built from the thinking behind my Ramadan Planner: one calm place for Qur'an, Islamic learning, prayer guidance, trusted search, reflection and optional spiritual organisation.

RoleProduct and UX DesignerProject typeIndependent conceptYear2026
Islamic Companion app concept preview

Origin

From a Ramadan planner to a year round product.

The starting point was my existing Ramadan Planner, which already brings together fasting, salah, Qur'an, reflection, planning and practical guidance. The digital question was bigger: what would this become if it did not stop at Ramadan?

I reframed the opportunity around fragmentation. A Muslim may use one app for Qur'an, another for prayer times, Spotify or YouTube for lectures, browser search for hadith, notes for personal duas and a separate planner during Ramadan. The product hypothesis is that some of those moments can be connected without turning worship into another productivity dashboard.

Product thesisOne calm place for the parts of Islam people currently keep scattered across apps, notes and memory.

This is a hypothesis to validate, not a claimed research finding.

Audience

Who I am designing for

The audience is intentionally behavioural rather than demographic. Faith, confidence and Islamic knowledge do not map neatly to age or background, so I defined provisional user types around the jobs people are trying to complete.

01 · Returning Muslim

Rebuilding without overwhelm

Someone trying to reconnect with Islam who wants a calm route back into Qur'an, prayer and learning without being confronted by guilt heavy streaks or an impossible checklist.

02 · Knowledge Seeker

Learning across many sources

Regularly listens to lectures, saves Islamic content and wants to organise useful material by theme, return to it later and connect it with Qur'an, hadith and personal notes.

03 · Practical Muslim

Needs an answer now

Usually opens an Islamic product for a specific job: prayer time, a hadith, wudhu, a ruling, a dua, an ayah or quick contextual guidance in the middle of everyday life.

04 · Ramadan Planner

More structured during Ramadan

Wants fasting, Qur'an, salah, iftar, suhoor, reflection and the last ten nights in one flexible place, then returns to a lighter year round experience afterwards.

05 · Revert

Needs explanation without assumptions

Benefits from step by step wudhu and salah guidance, plain language definitions, source transparency and navigation that does not assume years of prior knowledge.

These are provisional behavioural archetypes for research and concept testing. They are not presented as validated personas.

Core needs

The jobs the product needs to do

Identify what I just heard.Recognise a Qur'an recitation, show the ayah, translation and location, then let the user save or continue reading.
Verify something mid conversation.Search hadith by natural language while keeping collection, narrator, grading and source visible.
Find the lecture that stayed with me.Save Spotify or YouTube lectures into themed Anecdote collections and retrieve them later through meaning, not just title.
Ask an Islamic question with context.Use an AI assistant that cites Qur'an, hadith and fiqh context rather than presenting generated text as religious authority.
Learn worship step by step.Access wudhu, five daily prayers, voluntary salah, Hajj and Umrah preparation through progressive learning rather than dense reference pages.
Prepare for what is coming.Surface Ramadan, Eid, Zakah dates, fasting opportunities and relevant events at the moment they become useful.

Product architecture

A companion, not a giant menu of Islamic resources.

The concept uses five primary destinations: Home, Qur'an, Qur'an recognition, Anecdote and Library. The Five Pillars exist as a meaningful hub rather than forcing the whole information architecture into a religious taxonomy that users may not naturally navigate.

Home

Contextual next prayer, personalised learning, Qur'an continuity, reflection and optional Ramadan or tracking information.

Qur'an

Reader, audio, tafsir, saved ayat, notes, historical timeline and recognition from live recitation.

Anecdote

A personal library for lectures and podcasts organised around themes such as tawakkul, grief, marriage, purpose and salah.

Library

Hadith search, Ask Noor, adhkar, dhikr, wudhu, salah, Five Pillars, Ramadan, Hajj and Umrah, protection resources and saved content.

Design principle

Tracking is optional by design.

One of the most important product decisions is not a component. It is permission to remove components. Some users find tracking motivating. Others experience it as pressure or feel that worship should not be turned into a streak.

Adaptive experienceThe same Home screen can exist with gentle tracking, Ramadan only tracking or no worship tracking at all.

If tracking is off, the product prioritises prayer times, Qur'an, learning, saved content and contextual guidance instead of completion percentages.

Feature ecosystem

What the concept currently explores

Qur'an

Read, recognise and understand

Reader, translation, tafsir, audio, notes, timeline and a microphone concept for identifying the Surah and ayah being recited.

Anecdote

Rediscover meaningful lectures

Theme based collections for Spotify, YouTube and podcast content with saved notes and timestamped reflections.

Trust

Hadith and sourced AI answers

Search designed around source visibility, grading where available, fiqh context and explicit uncertainty rather than confident sounding unsupported answers.

Five Pillars

Learn, plan and prepare

Shahadah, salah, Zakah planning, year round fasting and Hajj or Umrah preparation without presenting pillars as badges to complete.

Ramadan

A dedicated seasonal mode

Fasting, Juz progress, reflection, iftar, suhoor, last ten nights, Laylatul Qadr and personal dua planning inherited from the physical planner.

Context

Useful information at the right time

Countdowns and contextual guidance for Ramadan, Eid, Zakah, Hajj, Umrah and events such as eclipses where Islamic practice may be relevant.

Research

What needs validating before calling this a solution

I have deliberately kept the concept research honest. The prototype contains hypotheses, not fabricated interviews or invented percentages. The highest risk questions are behavioural and trust related.

Do users actually want consolidation?Or do specialised apps feel more trustworthy and easier to understand?
Can users understand “Anecdote”?The name is distinctive, but the concept must still be immediately discoverable as a saved lecture library.
Would users trust sourced AI?Test whether visible citations and fiqh context increase appropriate trust without making AI feel like a scholar.
Does the Five Pillars hub match users' mental model?If not, it should remain a learning hub rather than becoming the navigation system.
Does optional tracking genuinely reduce pressure?Compare comprehension and emotional response across gentle tracking, Ramadan only and no tracking modes.
What is the real MVP?Test whether Qur'an, Anecdote, trusted search and contextual Home are enough before adding the full super app scope.

Research plan

How I would validate it

Interviews

12 to 18 participants across different levels of practice, Islamic knowledge, app use and attitudes toward tracking.

Diary study

Seven days documenting real moments of Islamic search, Qur'an reading, lectures, saved content, prayer tools and frustration.

Card sorting

Test whether users naturally place hadith, wudhu, dhikr, Zakah, Ramadan, Hajj and saved lectures where the proposed architecture expects them.

Task testing

Identify an ayah, verify a hadith, save and rediscover a lecture, learn Witr, remove tracking and inspect the fiqh context of an AI answer.

Trust and safety

Religious information needs a different design standard.

The interface must not make Qur'an, hadith, scholarly opinion and AI explanation look equally authoritative. Content type, source and jurisprudential context should remain visible at the point of use.

Source hierarchy

Authority is visible

Qur'an, hadith, Hanafi fiqh, scholarly opinion and AI explanation use different labels so provenance is never hidden by the UI.

Uncertainty

No fabricated certainty

If a narration cannot be verified or scholars genuinely disagree, the product should say so rather than forcing a single neat answer.

Privacy

Worship data is sensitive

Prayer tracking, missed fasts, duas, notes and Islamic questions require clear deletion controls, optional history and no requirement to track at all.

Accessibility

Designed for lower cognitive load, not just smaller screens.

The product direction uses collapsible sections, progressive disclosure, large touch targets, strong contrast, dynamic type support and generous Arabic typography. Arabic reading order, transliteration options and screen reader logic are first class requirements rather than afterthoughts.

The structure also reflects a lesson from the original planner: people can want spiritual structure without wanting information overload. A user should be able to remove trackers, reduce visible modules and choose the depth of explanation they need.

MVP challenge

The risk is not a lack of ideas. It is trying to ship all of them.

Biggest product riskFeature breadth could destroy the simplicity the product is meant to create.

The next step is not adding another feature. It is validating which combination creates a genuinely better experience than the specialised tools Muslims already use.

SearchSuccessful retrieval
AnecdoteSave to rediscovery
Qur'anReturn to reading
SourcesOpened and understood
RamadanUseful return use

I would prioritise successful Islamic resource interactions over worship quantity. The product should help someone find, understand, prepare or return to something meaningful, not optimise for the number of taps generated.

Interactive prototype

Try the Islamic Companion app.

Explore the working concept directly below. The prototype is embedded into the case study so recruiters can move through the experience without leaving the portfolio.