Projet de démonstration — marque fictive
SANAGA Automation & Énergie
Le site d’un intégrateur industriel, avec une salle de contrôle qui tourne en direct dans le navigateur.
Fiche projetSAE
- Secteur
- Automatisme et énergie
- Marché
- Afrique centrale et Europe
- Type
- Site vitrine et supervision
- Pages
- 27
- Langues
- Français, anglais
- Réalisé en
- 2026
Le besoin
SANAGA installe des automates, des supervisions et des centrales solaires, en Afrique centrale et en Europe. Ses clients sont des directeurs d’usine et des acheteurs. Avant de confier leur usine à une équipe, ils veulent juger son niveau. Une plaquette ne suffit pas : il leur faut une preuve.
Pour leurs clients
Un responsable d’usine ouvre la salle de contrôle et reconnaît son métier : les alarmes, les courbes, le rendement de son poste. Quand il demande un devis, il décrit ses automates et joint ses plans. L’ingénieur qui le rappelle sait déjà de quoi il parle.
Ce que j’ai construit
-
Une salle de contrôle en direct
Une usine d’eau de table simulée tourne dans la page. On injecte une panne : la pompe chauffe, les alarmes montent par priorité et la pompe de secours démarre seule.
-
Des expertises, schémas à l’appui
Pour chaque métier : ce que vivent les équipes, ce que SANAGA livre, et un schéma dessiné comme sur un vrai plan.
-
Un devis technique en 5 étapes
Le client indique ses automates, le nombre d’entrées-sorties et joint ses plans. S’il doit s’interrompre, son brouillon l’attend.
-
Des fiches techniques à télécharger
Six fiches produits, en texte, en tableur ou en PDF, avec un prix indicatif hors taxes. L’acheteur a ce qu’il lui faut pour son dossier.
Les choix de design
Pour les pages commerciales, l’allure d’un plan d’exécution : grille bleue, cotes et cartouche. Dans la salle de contrôle, le gris calme d’un écran d’usine : la couleur n’apparaît qu’en cas d’alarme.
- Archivo, en largeur étendue, pour les titres
- IBM Plex Mono pour les mesures et les références
- AcierFond#EFF2F5
- GraphiteTexte#191D22
- Orange sécuritéAction#F3680F
- Bleu planLiens, plans#154D8C
Mesures
Page d’accueil de la démo, sur téléphone et sur ordinateur.
| Indicateur | Mobile | Ordinateur |
|---|---|---|
| Performance | 89 | 100 |
| Accessibilité | 100 | 100 |
| Bonnes pratiques | 100 | 100 |
| Référencement | 100 | 100 |
| Affichage principal (LCP) | 2 075 ms | 514 ms |
| Poids transféré | 183 Ko | 183 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)