QuranFlow · Design Reconciliation

Two mockups, one app — reconciled screen by screen.

We have two designs in the same Sakīna language: the artboard mockup (~48 screens, the complete set and current source of design intent) and the newer, simplified walkthrough (20 screens). This board puts them side by side, screen by screen, so we can decide the single canonical design for each — what to keep, what to add back, and where two competing designs should merge into one.

Read it top to bottom, in the order the decisions stack: the app mapped, then Scope (what's in v1), then Flows (how the screens connect and where the paths break), then the screen-by-screen comparison (artboard left, walkthrough right, with a recommendation). Amber callouts are decisions for the group. This is a discussion document and the record of what we decide.

The app, mapped

Four member tabs plus a separate coach app. Each row is a screen or sub-screen; the dot shows where it exists today.

In both mockups Artboard only — missing from walkthrough Walkthrough only / newer