Aller au contenu
UC • 03

E.O.S Smart Building

Concevoir un écosystème de gestion intelligente du bâtiment connecté en temps réel, de la supervision énergétique au contrôle d'accès, sur une plateforme unifiée.

Client
E.O.S
Secteur
Smart Building
Rôle
Product design · Data visualization · Design system · Architecture
Durée
6 mois
Période
2025
Périmètre
Design System · IoT

01 · Le défi

Comment unifier dans une seule interface des dizaines de capteurs, systèmes et protocoles hétérogènes, et en faire un outil réellement utilisé, de l'occupant au mainteneur ?

02 · Contexte & objectifs

Un bâtiment, trois façons de l'utiliser.

E.O.S est une plateforme de gestion intelligente du bâtiment connectée en temps réel : énergie, sécurité, confort, maintenance. Le défi était de concevoir un écosystème unique capable de répondre à des profils très différents : de l'occupant à l'administrateur locataire, jusqu'au mainteneur, avec des niveaux d'information adaptés.

  • Unifier la supervision multi-bâtiments dans une interface cohérente
  • Adapter l'expérience à 3 profils utilisateurs distincts
  • Rendre lisible une donnée temps réel complexe (énergie, alertes, capteurs)
  • Construire un design system extensible pour les futurs modules IoT

03 · Démarche

Comment j'ai résolu le problème.

  1. Découverte & Recherche

    Visites terrain dans 3 bâtiments instrumentés pour observer les usages réels. Retours du bêta-test mené auprès des locataires déjà installés dans le bâtiment pilote. Recensement des 8 systèmes à intégrer (HVAC, éclairage, occultations, détection de présence, fenêtres, contrôle d'accès, caméras, compteurs d'énergie).

    • Visites terrain
    • Retours de bêta-test
    • Recensement des systèmes
  2. Définition & Architecture

    Conception d'une architecture modulaire en tableaux de bord contextuels selon le profil. Définition d'un système d'alertes hiérarchisées par criticité. Co-design des vues cartographiques et de la navigation multi-sites avec les équipes produit.

    • Tableaux de bord par profil
    • Alertes par criticité
    • Navigation multi-sites
  3. Design & Prototypage

    Design d'un système de data visualization adapté aux contraintes temps réel (graphes, jauges, alertes). Construction d'un design system de 80+ composants couvrant les cas IoT spécifiques : thème clair pour le MVP, où le fonctionnel primait, thème sombre prévu dans un second temps. Tests utilisateurs en conditions réelles sur tablette murale.

    • Data visualization
    • Design system
    • Tests sur tablette murale
  4. Livraison & Suivi

    Documentation exhaustive du design system avec guidelines d'usage. Accompagnement sur les 3 premiers modules livrés en production.

    • Documentation
    • Suivi de production

04 · Utilisateurs

Trois profils, trois niveaux d'information.

L'Occupant

Salarié locataire

Contexte d'usage
Mobile, quelques secondes
Besoins
  • Régler le confort de son bureau : éclairage, température, ventilation, stores
Frustrations
  • Consignes fixées par le gestionnaire du bâtiment : aucune prise sur le confort de son propre bureau
Réponse design
Une télécommande mobile-first : éclairage, température (±2 °C autour de la consigne du bâtiment), ventilation et stores de son bureau, depuis un seul écran.
Écran clé
Télécommande mobile

L'Administrateur locataire

Office manager

Contexte d'usage
Desktop, gestion ponctuelle
Besoins
  • Attribuer les droits d'accès et les zones aux collaborateurs
Réponse design
Un espace de gestion qui réunit utilisateurs, droits d'accès et espaces, pour tout attribuer depuis la même vue.
Écran clé
Gestion des utilisateurs

Le Mainteneur

Expert

Contexte d'usage
Supervision de plusieurs bâtiments
Besoins
  • Monitorer les capteurs IoT
  • Analyser la consommation énergétique
Réponse design
Une supervision multi-bâtiments qui part de l'état des reGATE et des capteurs, puis descend au détail d'un équipement et au reporting des consommations.
Écran clé
État des reGATE

05 · Architecture

Huit systèmes, une seule plateforme.

Du capteur à l'interface : une plateforme, trois profils
  1. Capteurs et équipements

    • HVACTempératures, ventilation, vannes
    • ÉclairageÉtat et luminosité en lux
    • OccultationsStores et volets
    • DétectionPrésence et éclairement
    • FenêtresOuverture
    • Caméras et compteursVidéo, électricité, eau

    Mesures, états et commandes

  2. reGATE

    • Passerelle edge par zoneRegroupe les capteurs HVAC, IoT et d'espace
    • Supervision du parcEn ligne, maintenance, hors-ligne

    Données temps réel et consignes

  3. Plateforme eOS

    • SupervisionÉtats, alertes, historique des interventions
    • Droits et espacesUtilisateurs, espaces, groupes
    • ReportingConsommations électriques, eau, coûts
    • AutomatisationsScénarios d'optimisation des consommations

    Une vue par profil

  4. Interfaces

    • OccupantTélécommande mobile-first de son espace
    • Administrateur locataireDroits d'accès et zones des collaborateurs
    • MainteneurSupervision IoT multi-bâtiments

06 · Flow clé

Un parcours clé par profil.

Occupant : régler le confort de son bureau
OCCUPANTConnexion depuis son mobile ouson postePLATEFORME EOSTableau de bord : météo, énergie,raccourcis de ses espaces1OCCUPANTRéglage rapide ou détaillé ?PLATEFORME EOSMon Bureau : luminaire,température, ventilation,occultationsOCCUPANTMode Éco ou Optimisé, consigne ±,niveau de ventilation2BÂTIMENTConsigne transmise par la reGATEaux équipementsOCCUPANTBureau réglé à son confortGérerraccourci
  • Entrée
  • Écran
  • Décision
  • Action
  • Système
  • Fin
  1. 1La GTB n'était pas accessible aux occupants : une « télécommande » mobile-first leur rend la main sur leur espace
  2. 2Chaque réglage rappelle la cible conseillée (luminosité de consigne, marge de ±2 °C) pour concilier confort et sobriété

07 · Interface finale

Le bon niveau de détail pour chacun.

  1. Écran : Tableau de bord de l'occupant : météo, énergie, espaces et réservations
    Flow · étape 02 / 07

    Tableau de bord de l'occupant : météo, énergie, espaces et réservations

    Météo, consommation du jour et du mois, notifications, puis ses espaces avec leurs équipements et ses réservations à venir : l'essentiel de la journée sur un écran.

  2. Écran : L'occupant règle le confort de son bureau
    Flow · étape 04 / 07

    L'occupant règle le confort de son bureau

    Une carte par équipement (luminaire, température, ventilation, occultations), chacune avec une aide courte. La température se règle autour de la consigne du bâtiment, et le mode Éco ou Optimisé s'applique à tout le bureau.

  3. Écran : La télécommande de l'occupant, sur mobile
    Flow · étape 04 / 07

    La télécommande de l'occupant, sur mobile

    La même télécommande, réorganisée pour une main : le choix Éco ou Optimisé passe en tête et les cartes s'empilent.

Écran : Tableau de bord de l'occupant : météo, énergie, espaces et réservations

1 / 3 Tableau de bord de l'occupant : météo, énergie, espaces et réservations

08 · Impact & apprentissages

Trois modules livrés, deux leçons.

Livraison

3

modules livrés en production

Source : Suivi de production, 2025
  • Un même socle, trois interfaces : séparer les profils dès l'architecture évite d'empiler droits et données dans un seul écran.
  • Donner la main à l'occupant, mais dans un cadre : une marge de ±2 °C autour de la consigne concilie confort et sobriété.