AGRID, l'optimisation de la consommation énergétique des bâtiments

AGRID est une solution innovante qui utilise l’intelligence artificielle pour optimiser la gestion énergétique des bâtiments, avec une expertise particulière sur les systèmes de CVC (Chauffage, Ventilation et Climatisation). L’objectif de ce projet était double : améliorer l’expérience utilisateur (UX) et l’interface utilisateur (UI) de l’application web AGRID, tout en repensant le site vitrine pour renforcer la proposition de valeur et améliorer le référencement naturel (SEO).


Dashboard de l’application web AGRID


Refonte UX/UI de la webApp AGRID

  • Analyse des besoins utilisateurs à travers des ateliers collaboratifs avec l’équipe produit (sur FigJam).
  • Simplification de la navigation : organisation claire des données pour une meilleure lisibilité et une prise de décision rapide.
  • Valorisation des indicateurs clés : création de visualisations interactives pour suivre facilement les performances énergétiques (énergie, carbone, eau).
  • Intégration de visualisations de données interactives pour aider les utilisateurs à mieux interpréter leurs performances énergétiques.
  • Collaboration étroite avec les équipes techniques : ajustements des designs en fonction des contraintes techniques, avec une attention particulière à la faisabilité et à l’impact sur les performances.
  • Création d’un UI-Kit dans Figma, garantissant cohérence visuelle et modularité pour les futures évolutions.


Outil de comparaison énergétique de bâtiments dans l’application web AGRID


Refonte du site vitrine avec Webflow

  • Conception des nouvelles pages sur Figma en collaboration étroite avec l’équipe AGRID.
  • Travail sur les wording : rédaction des textes de chaque page pour refléter la proposition de valeur d’AGRID et maximiser leur impact auprès des utilisateurs cibles.
  • Implémentation sur Webflow en respectant les meilleures pratiques SEO : structure Hn, optimisation des temps de chargement, balisage sémantique, optimisation des images au format webp, écriture des meta, redirections.
  • Mise en avant des solutions phares : structuration des pages pour présenter efficacement AGRID CoPilot et AGRID Connect aux différents types de décideurs (techniques et RSE).


Construction du site vitrine d’AGRID sur Figma


Méthodologie

Le projet a été mené en co-construction avec les équipes techniques d’AGRID, en suivant une approche agile :

  • Design collaboratif : Ateliers sur Figma pour aligner vision produit et expérience utilisateur.
  • Livraison incrémentale : Prototypes interactifs validés étape par étape avec les stakeholders.
  • Focus sur les données : Simplification et mise en scène des graphiques pour une prise de décision rapide.


Site vitrine de la solution AGRID


Résultats

  • Amélioration de l’expérience utilisateur : Une interface intuitive qui permet de naviguer facilement parmi des données complexes.
  • Performance optimisée : Réduction du temps de chargement des pages du site vitrine, avec une augmentation significative du trafic organique.
  • Impact concret pour les utilisateurs : Une visualisation claire des indicateurs de performance pour mieux comprendre et réduire les consommations énergétiques.
  • Clarification de la proposition de valeur d’AGRID : mise en avant des bénéfices concrets de la solution (économies d’énergie, conformité réglementaire, suivi RSE) pour renforcer l’alignement produit-marché.
Visiter le site