Projet de démonstration — marque fictive

HORIZON SANTÉ

Le site d’un centre médical de Douala, où l’on trouve son médecin et son rendez-vous en deux minutes.

SantéDoualaCameroun et diaspora

Accueil du site Horizon Santé sur ordinateur, avec la recherche, le bandeau d’urgences et l’état du centre en direct
Le même accueil sur téléphone

Fiche projetHSA

Secteur
Santé
Marché
Cameroun et diaspora
Type
Site avec rendez-vous en ligne
Pages
17
Langues
Français, anglais
Réalisé en
2026

Le besoin

Horizon Santé réunit douze spécialités, un laboratoire et des urgences ouvertes jour et nuit. Son standard croule sous les mêmes questions : combien coûte la consultation, qui est disponible demain, quand arrivent les résultats. Le centre veut que le site réponde, et qu’il prenne les rendez-vous.

Pour leurs clients

Une mère de famille ouvre le site sur son téléphone. Elle voit tout de suite si le centre est ouvert, combien coûte la pédiatrie et quand est le prochain créneau. Un fils installé à Paris organise le bilan de ses parents et lit l’heure du rendez-vous dans son propre fuseau.

Ce que j’ai construit

  • La recherche de l’accueil après la saisie du mot « enfant » : la pédiatrie est proposée en premier, avec son tarif

    Une recherche qui comprend les mots simples

    On tape « enfant » et le site propose la pédiatrie et la pédiatre. Inutile de connaître le nom d’une spécialité.

  • L’annuaire des médecins, avec ses filtres par spécialité, langue et jour

    Un annuaire que l’on filtre

    Douze praticiens, à filtrer par spécialité, langue parlée ou jour de consultation. Chaque fiche affiche son prochain créneau.

  • Étape 3 du rendez-vous : le médecin est déjà choisi, il reste le jour et l’heure

    Un rendez-vous en cinq étapes

    Depuis une fiche, le parcours reprend le choix du patient et s’ouvre à l’étape 3. Il signale si l’âge ne correspond pas au médecin, puis propose d’ajouter le rendez-vous à son agenda.

  • Le panneau de réglages d’affichage, avec la taille du texte réglée sur « Très grand »

    Un texte que chacun règle

    Un bouton « Affichage » agrandit le texte jusqu’à 150 %, renforce le contraste et espace les lignes. La page se réorganise sans rien casser.

Les choix de design

Un fond blanc, du vert sarcelle et des arches qui rappellent un horizon : le site rassure sans faire de réclame. Le texte est gros et très contrasté, et le rouge est gardé pour les urgences.

  • Source Serif 4 pour les titres
  • Atkinson Hyperlegible Next pour le texte
  • EncreTexte#10252C
  • Sarcelle profondeBoutons, liens#0E5A56
  • MentheArches#CFF1E4
  • Rouge urgencesUrgences#B3261E

Mesures

Page d’accueil de la démo, sur téléphone et sur ordinateur.

Scores Lighthouse et poids de la page d’accueil du site Horizon Santé
IndicateurMobileOrdinateur
Performance92100
Accessibilité100100
Bonnes pratiques100100
Référencement100100
Affichage principal (LCP)1 918 ms533 ms
Poids transféré129 Ko126 Ko

Mesuré le 3 octobre 2026 avec Lighthouse 13 (profils par défaut), page servie compressée en local, comme en production.

Réalisé avec l’IA

Conception, direction artistique et vérifications par moi. Code et contenus produits en collaboration avec des agents IA, puis relus et testés.

Comment je travaille avec l’IA

Parlons de votre projet.

Dites-moi ce que vous faites et ce dont vous avez besoin. Je vous réponds sous 24 h ouvrées.

Vous échangez directement avec moi

Mike SOBTAMFO · ingénieur · Cameroun (UTC+1)