Demonstration project — fictional brand
HORIZON SANTÉ
The website of a medical centre in Douala, where you find your doctor and your appointment in two minutes.
Project sheetHSA
- Sector
- Health
- Market
- Cameroon and diaspora
- Type
- Website with online appointments
- Pages
- 17
- Languages
- French, English
- Built in
- 2026
The need
Horizon Santé brings together twelve specialties, a laboratory and an emergency unit open day and night. Its switchboard is flooded with the same questions: how much is a consultation, who is available tomorrow, when do the results arrive. The centre wants the website to answer them and to take the appointments.
For their customers
A mother opens the site on her phone. She sees at once whether the centre is open, how much paediatrics costs and when the next slot is. A son living in Paris organises his parents’ check-up and reads the appointment time in his own time zone.
What I built
-
A search that understands everyday words
Type “child” and the site suggests paediatrics and the paediatrician. No need to know the name of a specialty.
-
A directory you can filter
Twelve practitioners, to filter by specialty, spoken language or consultation day. Each profile shows its next available slot.
-
An appointment in five steps
From a profile, the flow keeps the patient’s choice and opens at step 3. It warns if the patient’s age does not match the doctor, then offers to add the appointment to a calendar.
-
Text that everyone can adjust
A “Display” button enlarges the text up to 150%, strengthens the contrast and spaces out the lines. The page reflows without breaking anything.
Design choices
A white background, teal green and arches that recall a horizon: the site reassures without advertising. The text is large and high-contrast, and red is kept for emergencies.
- Source Serif 4 for headings
- Atkinson Hyperlegible Next for text
- InkText#10252C
- Deep tealButtons, links#0E5A56
- MintArches#CFF1E4
- Emergency redEmergencies#B3261E
Measurements
Home page of the demo, on mobile and on desktop.
| Metric | Mobile | Desktop |
|---|---|---|
| Performance | 92 | 100 |
| Accessibility | 100 | 100 |
| Best practices | 100 | 100 |
| SEO | 100 | 100 |
| Largest Contentful Paint (LCP) | 1,918 ms | 533 ms |
| Transferred size | 129 KB | 126 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)