New riwaayaat, same mushaf
Aswaat is a mobile Qur'an app I own end-to-end — design, build, brand, App Store submission, privacy policy, support. It exists for a specific, underserved reader: Huffadh who memorized from the IndoPak 13-line mushaf and want to learn additional riwaayaat.
I study Qiraat and run a children's Qur'an program, so I'm building for a community I'm inside of.
The problem
Huffadh who memorized from the IndoPak 13-line mushaf carry that memory spatially — they know where every word sits on every page. But there is no mushaf or resource for learning further riwaayaat in that layout: the materials that exist use other scripts and other page geometries, which means abandoning the very page-memory that makes a Hafidh fluent. A new riwaayah shouldn't cost you the mushaf you already know.
The mushaf page — differences, shown in place
Aswaat's answer: keep the page, overlay the change. Hafs 'an 'Asim stays the base text, and selecting another riwaayah highlights every word that differs — directly in the mushaf, in position. The Qiraat tree on the left organizes riwaayaat under their Qaris (Aasim → Hafs, Shubah; Naafi' → …), with a one-tap reset back to Hafs so a reader can never get lost.
Each highlighted word can be expanded: a comparison panel shows the word as it appears in Hafs beside its counterparts in the other riwaayaat, and a full-table view lays out every difference on the page side by side.
Recitation — hearing the differences
Reading a difference is half of learning it; the other half is hearing it. The recitation tab organizes reciters by what a student actually needs — pinned favorites, resume listening, Haramain reciters, best for tajweed — with every recording tagged by its riwaayah, and a reading view that pairs the ornamented mushaf frame with the audio player.
Education — the why behind the what
The education tab carries two curricula: tajweed (rules, makhraj, sifaat, waqf) and Qur'anic history (the prophetic era through the Imams of Qira'aat) — each topic a video series with progress tracked along a timeline.
Shipped end-to-end
Design, build, brand, App Store submission, privacy policy, support — the whole surface area of shipping, owned by one person. The design system underneath (typography, color tokens, components, interaction patterns) was configured in Figma to scale past v1.