Projet de démonstration — marque fictive
Imani Academy
Le site d’un institut de formation, qui accompagne le visiteur du choix du métier jusqu’à la pré-inscription.
Fiche projetIMANI
- Secteur
- Formation professionnelle
- Marché
- Cameroun et diaspora
- Type
- Site et pré-inscription
- Pages
- 27
- Langues
- Français, anglais
- Réalisé en
- 2026
Le besoin
Imani Academy forme aux métiers du numérique, de l’industrie et de l’énergie, sur deux campus et en ligne. Ses visiteurs sont des jeunes qui hésitent et des parents qui paient. Ils posent les mêmes questions : quel métier, quel prix, en combien de fois. Le site doit y répondre, puis les mener jusqu’à l’inscription.
Pour leurs clients
Une bachelière ne sait pas quoi choisir. Elle répond à sept questions, compare deux formations, regarde le prix en trois versements et reçoit son résultat sur WhatsApp pour le montrer à son père. Quand elle se pré-inscrit, sa formation est déjà choisie.
Ce que j’ai construit
-
Un test pour choisir son métier
Sept questions, deux minutes. Le résultat propose deux formations, avec un pourcentage de correspondance, les raisons du choix et le prix. Rien n’est envoyé : les réponses restent sur l’appareil.
-
Un catalogue qu’on filtre et qu’on compare
Domaine, format, durée, campus, budget : les filtres restent dans l’adresse de la page, donc on peut l’envoyer à un parent. Trois formations se comparent côte à côte.
-
Le prix, en clair, payable en plusieurs fois
Les tarifs sont publiés. Un simulateur calcule les versements, et la remise la plus avantageuse s’applique toute seule.
-
Une pré-inscription en 6 étapes
Si le visiteur vient du test, la formation et la session sont déjà choisies. Les frais de dossier se règlent par un Mobile Money simulé, puis la rentrée s’ajoute à l’agenda.
Les choix de design
Une page de cahier d’écolier : réglure discrète, titres à empattement, un bleu franc. Le corail est réservé aux boutons qui font avancer vers l’inscription.
- Zilla Slab pour les titres
- Lexend pour le texte et l’interface
- CraieFond#F5F7FC
- EncreTexte#121A33
- CorailAction#FF5E5B
- Bleu roiMarque, liens#2343C3
Mesures
Page d’accueil de la démo, sur téléphone et sur ordinateur.
| Indicateur | Mobile | Ordinateur |
|---|---|---|
| Performance | 82 | 100 |
| Accessibilité | 100 | 100 |
| Bonnes pratiques | 100 | 100 |
| Référencement | 100 | 100 |
| Affichage principal (LCP) | 2214 ms | 544 ms |
| Poids transféré | 198 Ko | 194 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’IAAutres études de cas
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)