Our product · Islamic website

Alif a quiet place to learn and pray

The website of Alif Islamic Dawah: prayer times, the Qur’an to read or download, du’as for every moment and feeling, the Islamic calendar, an Umrah guide and a quiz. Designed to feel calm and respectful, with clean type, gentle colour and navigation anyone can follow.

Explore the screens

Concept to live

UI · UX leadMy role
2Designs: concept and live
22Screens

The first concept: home, light and glassy, with the features in a dock

Read or download the Holy Qur’an in four scripts

alif-islamic.app

Alif home: the next prayer, the ayah of the day and the main features

Overview

Room to read, room to reflect

The shift

Prayer times on one site, the Qur’an on another, du’as on a third

Prayer, Qur’an, du’as, calendar, Umrah guide and quiz in one place
Busy pages, with ads between the verses

Calm, ad-free pages that show one thing at a time
Arabic set small, as an afterthought

Arabic given room: large, generous lines, the meaning and its source beneath
A du’a hard to find when it’s needed

Du’as by moment and by feeling: before sleep, travelling, anxious, grateful

My role

01UXStructure, navigation and a reading scale for Arabic
02UITwo directions: the light concept, then the live night-blue design
03LeadLed the design for a small team, through to release

In numbers

5Daily prayers, the next one counted down

4Mushaf scripts to read or download

2Designs: the concept and the live site

Principles

Simple: one thing at a time01
Accessible: large type, clear contrast02
Respectful of faith and culture03

What’s in it

PrayPrayer timesMonthly timetablePrayer du’as
ReadThe Qur’anAyah of the day99 Names of Allah
RememberDu’a & dhikrI am feeling…
LearnIslamic calendarUmrah guideIslamic quizZakat calculator

The core

From concept to the live site

The first concept was light and glassy, with every feature in a dock along the bottom. The live site moved to a deep night blue: a side menu, cyan and gold accents, and the app always at hand. Pick a screen and drag across it to compare.

alif-islamic.app

Concept Live

22 key screens · 2 parts

Home
The next prayer and the Hijri date up top, the ayah of the day with its meaning, and the main features below.
Prayer times
Today’s prayers with the next one highlighted and counted down, then the month’s timetable.
Du’as of the prayer
Each du’a of the prayer in Arabic, when to say it and how many times.
Read or download the Qur’an
Four mushaf scripts, Indopak and Usmani, plain or with tajweed.
Du’a & dhikr
Du’as for the moments of the day: sleeping, ablution, the mosque, travel, food.
I am feeling…
Pick how you feel for a du’a that speaks to it.
Islamic calendar
The year’s events with both dates, and a month in Gregorian or Hijri.
Umrah guide
Umrah the Sunnah way, step by step, with the verses and hadith behind each.
Islamic quiz
One question at a time, four answers.
The quiz menu
Each section opens in the side menu: the quiz by Qur’an, Names of Allah, the Prophet and history.
About Alif
Who is behind it and why, at the foot of every page.
Concept: home
The first direction: light glass, the prayer countdown, the verse, du’a and hadith of the day, and a dock of every feature.
Concept: prayer times
Five prayer cards, the next one raised with its countdown, and the timetable.
Concept: 99 Names of Allah
Each name in calligraphy with its transliteration.
Concept: du’a & dhikr
Du’as by time of day, each a photograph.
Concept: I am feeling
Twenty feelings as line icons.
Concept: calendar
Gregorian and Hijri in one month grid.
Concept: zakat calculator
Gold and silver, cash and property, debts, then the summary.
Concept: quiz
Topics with a score each, and badges on the profile.
Concept: log in
Username or Google and Facebook, over a quiet image: let’s together explore Islam.
Concept: sign up
Name, email, username and password, terms and the newsletter.
Concept: forgot password
A link to log back in, sent by email.