Noor — Islamic Companion App

Overview

A spiritual companion, designed with clarity

Noor is a concept for an all-in-one Islamic companion app that brings together prayer times, daily Athkar, Quran access, and curated educational content. Most existing apps tackle these features individually — forcing users to switch between 3–4 apps for their daily spiritual routine.

The goal: unify these tools into a single, beautifully designed experience that feels calm, focused, and spiritually resonant — while being functionally fast and intuitive.

Diagnosis

Fragmented tools, one cohesive solution

✕

Problems

Users juggle multiple apps for prayer, Quran, and Athkar
Most Islamic apps have outdated, cluttered interfaces
No consistent dark mode — harsh screens during night prayers
Educational content is scattered and hard to discover

✓

Solutions

Unified dashboard — prayer times, Athkar counter, Quran access in one view
Dark spiritual aesthetic — deep blacks, soft greens, Arabic-inspired typography
Smart notifications — prayer reminders with contextual Athkar suggestions
Curated learning section with bite-sized daily content

Process

From concept to interactive prototype

01

Research

Competitive analysis of 8+ Islamic apps. Identified feature gaps, UX pain points, and visual design opportunities.

02

IA & Flows

Mapped core user journeys: check prayer time, read Athkar, open Quran, discover content. Optimized for one-hand use.

03

UI Design

High-fidelity screens in Figma. Dark theme with green accents, custom iconography, and Arabic-friendly layout system.

04

Prototype

Interactive Figma prototype with screen transitions, tab navigation, and micro-interactions for key flows.

Impact

One app, one spiritual flow

15+

High-fidelity screens designed

4-in-1

Features unified into one app

100%

Dark mode, mobile-first

Tools & Stack

What I used

Figma Prototyping Adobe Illustrator Iconography Design System