Case study 02
Arabic landing pageLiveA right-to-left course page for Gulf professionals that sells a two-hour Agile course the way a good trainer teaches: name the pain, show a better way, then make enrolling obvious.
The brief
An expert with eighteen years of experience and a short, practical course. The page had to earn trust in Arabic, in under a minute, and turn it into a purchase.
Online course pages in the region often read as translated templates — left-to-right layouts flipped at the last minute, cramped Arabic type, and prices hidden behind buttons. The audience is busy professionals who decide fast.
Design right-to-left from the first sketch. Structure the page like a short lesson: why projects fail, why Agile helps, why now, what you’ll learn, who teaches it, what it costs — with the same gold call to action always within reach.
A calm, dark-and-gold page with a trailer video up front, hand-drawn highlights on key phrases, an animated Agile cycle, a real certificate preview and a transparent price with a 30-day guarantee.
Scroll the whole page
Inside the build
Six moments from the page and the reasoning behind them. Click any screen to see it at full resolution.
The second thing visitors see is the instructor himself. A Plyr-powered trailer opens in a focused modal, styled to match the page, so people can hear how he teaches before deciding anything. A ticker of short promises runs underneath: practical from day one, no jargon, real examples.
Deadlines slip. Priorities change. Control gets harder. Three large gold numerals make it read like a diagnosis, and the side card turns it around: the problem isn’t you, it’s the traditional method. That reframing is the hinge of the whole page.
Each learning outcome gets its own illustration in a consistent warm style, laid out in a four-by-two grid that’s easy to scan in Arabic reading order. Bright artwork against the dark page gives the section energy right where attention usually drops.
Rather than a badge icon, the page shows the actual certificate issued through the Tadarab platform, tilted like a document on a desk. The checklist beside it answers the practical questions: it’s official, it goes on LinkedIn, and it has a QR code for instant verification.
Two numbers carry the section — 18+ years and seven international certifications — with the PMI credentials set as compact badges. A gold-ruled note mentions his contribution to PMI publications, the kind of detail that converts a sceptical professional.
A single card: 229 SAR, the original price struck through, three things you get, and one white button that stands out from every gold one above it. The FAQ follows straight after to catch last-minute doubts about length, experience and refunds.
On the phone
Course buyers usually decide on their phones, so the mobile layout was treated as the main design: a sticky gold call to action, full-width cards and Arabic type sized for comfortable reading.
Hero
Certificate
Pricing
Craft notes
Layout, icons, numerals and motion all read right-to-left — nothing is a mirrored afterthought.
Rough Notation underlines and boxes key Arabic phrases as they appear, like a trainer marking a whiteboard.
The eight stages of the course loop around a ring, teaching the idea before the first lesson.
The same gold “start learning” button follows the reader, so enrolling never takes more than one tap.
Next case study · 03 / 06
An AI-assisted system that turns raw consumer feedback into grounded, reviewable insight.