Demonstration project — fictional brand
Imani Academy
The website of a training institute, guiding visitors from choosing a career to pre-registration.
Project sheetIMANI
- Sector
- Professional training
- Market
- Cameroon and diaspora
- Type
- Website and pre-registration
- Pages
- 27
- Languages
- French, English
- Built in
- 2026
The need
Imani Academy trains people for digital, industrial and energy careers, on two campuses and online. Its visitors are young people who hesitate and parents who pay. They ask the same questions: which career, what price, how many instalments. The site has to answer them, then lead them to registration.
For their customers
A school-leaver doesn’t know what to choose. She answers seven questions, compares two courses, looks at the price in three instalments and receives her result on WhatsApp to show her father. When she pre-registers, her course is already chosen.
What I built
-
A quiz to choose a career
Seven questions, two minutes. The result suggests two courses, with a match percentage, the reasons for the choice and the price. Nothing is sent: the answers stay on the device.
-
A catalogue to filter and compare
Field, format, duration, campus, budget: the filters stay in the page address, so it can be sent to a parent. Three courses can be compared side by side.
-
The price, in plain view, payable in instalments
Fees are published. A calculator works out the instalments, and the best discount applies by itself.
-
Pre-registration in 6 steps
If the visitor comes from the quiz, the course and the session are already chosen. The application fee is paid by simulated Mobile Money, then the start date can be added to the calendar.
Design choices
A page from a school exercise book: faint ruled lines, serif headings, a strong blue. Coral is kept for the buttons that move visitors towards registration.
- Zilla Slab for headings
- Lexend for text and interface
- ChalkBackground#F5F7FC
- InkText#121A33
- CoralAction#FF5E5B
- Royal blueBrand, links#2343C3
Measurements
Home page of the demo, on mobile and on desktop.
| Metric | Mobile | Desktop |
|---|---|---|
| Performance | 82 | 100 |
| Accessibility | 100 | 100 |
| Best practices | 100 | 100 |
| SEO | 100 | 100 |
| Largest Contentful Paint (LCP) | 2,214 ms | 544 ms |
| Transferred size | 198 KB | 194 KB |
Measured on 3 October 2026 with Lighthouse 13 (default profiles), page served compressed from a local server, as in production.
Built with AI
Design, art direction and checks by me. Code and content produced in collaboration with AI agents, then reviewed and tested.
How I work with AIOther case studies
Let’s talk about your project.
Tell me what you do and what you need. I reply within one business day.
You talk to me directly
Mike SOBTAMFO · engineer · Cameroon (UTC+1)