1. The progression as the backbone
Before design: put the offer in order. Alphabet, writing, vocabulary, reading — each book takes its place in a clear path, for adults and children alike.
What was delivered
Recognisable template — 100% custom design.
Every book linked to its local Amazon listing, from Canada to Saudi Arabia.
Reading and navigation designed mobile-first, where students learn.
Website, bookshop and future app brought together under a single address.
The context
Madrassa Online already had the essentials: a progressive method for learning to read Arabic — from the alphabet to fluent reading of the Quran — and books sold on Amazon in eight countries. But the method had no home: no website to tell its story, give it order and make it credible. Each book lived alone on its product page, with no common thread between them.
The usual risk: a generic template that stacks products without explaining the progression, and zero visibility on Google for “learn Arabic” searches — even though the project's teaching approach is its best selling point. On top of that, a mobile app was in the works and needed to be announced properly.
The goal we set together
A single address that explains the method, points each visitor to the right book for their level, and paves the way for the app launch.
Our approach
Before design: put the offer in order. Alphabet, writing, vocabulary, reading — each book takes its place in a clear path, for adults and children alike.
Dedicated design, a caring tone, a bookshop linked to each country's Amazon listings, and a built-in waiting list for the upcoming app.
Blog and free guides structured around learners' real questions, with careful semantic markup and speed — to be found on Google for the long term.
The detail
Everything is handed over ready to use, with a clean handover and support after launch.
The screens



The proof is online
Browse the method, open the bookshop, read a guide on your phone — everything this case study shows can be checked in two clicks.
Visit madrassaonline.comNext step
Message, structure, website: one call to frame it all. 30 minutes, no commitment.