QURANFLOW · PRODUCT MAP

QuranFlow · Flow Map

One app, four journeys. Registration and payment happen on the web — the app starts at sign-in, then routes by status: new student, Year 1, Year 2, or coach. Solid frames exist in the Sakīna mockup; dashed frames are new screens to be designed. Source: product review with Lejla, Jul 24 2026.

designed (Sakīna artboard) NEW — to be designed REVISE — existing screen changes status branch tap / navigation system sends
STAGE 01 · ENTRY

Entry — shared spine

Sales never happen in the app (no 30% App Store fee). Every account is created on the web; the app journey starts at sign-in, then routes by status.

00 · OFF-APP
Web registration & checkout
almaghrib.org · web
Not an app screen. The student registers and pays on the web, then gets an email with instructions: download the app and sign in.
01
Sign in
NEW
First app touchpoint. The account already exists from web checkout — this is sign-in, not sign-up. No auth screen exists in the mockup yet.
The app reads the account status and routes:
NEW STUDENTregistered, no level yet
YEAR 1placed
YEAR 2returning, auto-placed
COACH / TAadmin-granted role
STAGE 02 · PLACEMENT DETOUR & ORIENTATION

Where new students detour

Brand-new students are held in the placement side-lane — they never see the Year-1 loop until they're placed (Lejla). Everyone else drops straight through: placed students into onboarding, returning students into Year-2 orientation.

NEW + PLACED STUDENTS · ONBOARDING
05
Welcome
Welcome
06
Your level
Your level
07
Choose script
Choose script
08
Your coach
Your coach
09
The weekly rhythm
The weekly rhythm
10
Live circles
Live circles
RETURNING STUDENTS
11
Year 2 orientation
NEW
Returning students are auto-placed into Year 2 — explains what changes: appointments replace submissions, how many to book, where feedback now lives.
12
Availability — Year-2 booking
Availability
Asked during Year-2 enrollment, feeds booking.
STAGE 03 · THE WEEKLY LOOP — WHERE THE APP SPLITS

The weekly loop

Same lessons for everyone. The feedback format is the only difference between Year 1 and Year 2 — recordings + feedback vs. weekly appointments (Lejla).

SAME LESSONS · ALL STUDENTS
13
Syllabus
Syllabus
14
Lesson
Lesson
15
Video player
Video player
YEAR 1 · SUBMISSION LOOP
16
Today
Today
17
Recording — ready
Recording — ready
18
Recording — in progress
Recording — in progress
19
Recording — review
Recording — review
20
Recording — submitted
Recording — submitted
21
Submission — in review
Submission — in review
Revoke window while pending.
22
Submission — feedback ready
REVISE Submission — feedback ready
Add playback of the student's own excerpt inside each note — TAs miss the old contrast feature. One long conversational note + optional word-anchored snippets.
23
Practice — corrections
Practice — corrections
24
Practice — review take
Practice — review take
YEAR 2 · APPOINTMENT LOOP
NO WEEKLY SUBMISSIONS IN YEAR 2 — appointments replace them
25
Today — Year 2
NEW
Appointment-centric hero: next appointment, book more, lesson row. No record CTA.
26
Book your one-to-one
REVISE Book your one-to-one
Must support 2–3 appointments/week, and booking across different TAs.
27
Appointment — recurring weekly
Appointment — recurring weekly
28
Week at a glance
Week at a glance
See ALL booked appointments — multi-appointment weeks must read clearly.
29
Appointment — teacher's notes
NEW
After each 1:1 the TA's summarized feedback lands here. Today students keep no record of 20 minutes of guidance.
COACH (TA) · ROLE-GATED
30
Coach — review queue
Coach — review queue
31
Coach — review a submission
REVISE Coach — review a submission
Default = one long conversational voice note; word-anchored snippets optional; include the student-excerpt playback.
32
Coach — student record
Coach — student record
Notes visible to ALL coaches — supports TA rotation and Year-2 multi-TA booking.
33
Coach — my schedule
Coach — my schedule
34
Coach — appointment notes
NEW
Record/transcribe the 1:1 → auto-summary → coach edits → send. Cuts a 20-minute write-up to ~5.
STAGE 04 · SHARED SURFACES — CONVERGE, EVERY STUDENT

Shared surfaces

Identical across statuses; only Sessions is status-aware.

35
Sessions
Sessions
1:1 rows appear only for Year 2.
36
Live class
Live class
37
Announcements
Announcements
38
Messages
Messages
39
Profile
Profile
31 designed screens mapped · 8 new screens to design · 3 revisions.
New: Sign in, Book first assessment, Waiting for placement, Placement result, Year 2 orientation, Today — Year 2, Appointment — teacher's notes, Coach — appointment notes.
Revisions: Submission — feedback ready, Book your one-to-one, Coach — review a submission.
Registration & payment stay on the web — off-app by design (no 30% App Store fee), so they are not app screens.
Screenshots: Sakīna artboard mockup (handoff/mockup/) · Map source: Kamran × Lejla, Jul 24 2026 · Open questions for Lejla →