Un jumeau numérique 3D pour lire le potentiel géothermique de Bordeaux Métropole

Client
Bordeaux Métropole
Année
2024

Le challenge

Nous accompagnons la Métropole de Bordeaux dans le développement d'une plateforme en ligne de cartographie et de simulation géothermique. Cet outil s'appuie sur des données et un système de cartographie propre à la métropole et vise à encourager le recours à la géothermie, en particulier auprès des acteurs privés, en proposant des estimations de coûts de forage. Il contribue aussi à sensibiliser le grand public à cette énergie renouvelable.

Un jumeau numérique 3D pour lire le potentiel géothermique de Bordeaux Métropole

Déroulé du projet

01. Cadrage et acculturation
02. Audit de l'existant
03. Arborescence
04. Wireframes desktop et mobile
05. Design UI desktop et mobile
06. Direction artistique
07. Recettage et livraison

Détail de l'étude

Mieux valoriser la géothermie grâce à la donnée et à la cartographie 3D

Un « jumeau numérique » pour révéler le potentiel géothermique du territoire

Ce projet de jumeau numérique nait du constat que la géothermie reste largement sous-exploitée, faute d’outils accessibles permettant au grand public et aux professionnels du bâtiment et de l’aménagement de comprendre concrètement son potentiel. L’objectif de la plateforme est de déployer deux volets en parallèle :

  • un volet “grand public” visant à vulgariser cette technologie encore peu connue et souvent perçue comme complexe,
  • et un volet “expert”, destiné à encourager les acteurs privés et professionnels à recourir à cette source d’énergie renouvelable.

L’ambition future est de fournir aux utilisateurs un niveau de détail allant jusqu’aux estimations fiables des coûts liés au forage. Les principaux défis identifiés sont d’ordre technique, humain et stratégique. Aucune solution 3D n’a encore été développée en interne sur ce sujet, et bien que la cartographie BM3D de Magneto (projet sur lequel on a eu l’opportunité d’intervenir) soit puissante, elle ne peut être utilisée directement, car elle nécessiterait un important travail d’adaptation aux exigences de la charte graphique de la Métropole. La plateforme doit s’appuyer sur de nombreuse données internes (350 couches, dont certaines dépassent le périmètre métropolitain), issues de sources variées (ex. Keolis, BRGM), avec des contraintes de fiabilité, d’actualisation et de lisibilité. Enfin, elle doit renforcer l’autonomie de Bordeaux Métropole dans la production d’interfaces cartographiques 3D attractives, à des fins de valorisation du territoire et de veille technologique.

Explorer, faire évoluer, scénariser : les défis clés

Un double volet exploratoire

Dès le lancement du projet, deux grandes directions guident la conception :

  • d’un côté, accompagner le grand public dans la découverte de la géothermie et en vulgariser les principes,
  • de l’autre, créer un outil d’aide à la décision pour les professionnels du bâtiment et de l’aménagement .

Une base à interroger et améliorer

Des premières maquettes, réalisées sur Axure, servent de base à interroger et à améliorer. On distingue rapidement trois grands parcours : la découverte de la thématique, l’étude du potentiel géothermique d’une zone ou parcelle, et la consultation des projets et ressources de la Métropole. Le défi ici consiste à faire évoluer cette structure sans perdre la lisibilité des informations initiales, tout en intégrant les nouveaux besoins exprimés.

Scénariser les données pour mieux outiller les utilisateurs

Côté métropole, plusieurs analyses préalables sont menées. Une étude approfondie des couches de données internes (géologiques, thermiques, cadastrales), un benchmark d’outils cartographiques et 3D, ainsi que le recueil des retours d’expérience métier. L’exigence de proposer une expérience visuelle engageante dès les premières interactions avec la plateforme apparaît clairement dans les échanges. Le besoin d’accroche visuelle et de narration claire pour guider la lecture des données pousse l’équipe projet à privilégier un développement interne, plus adaptable aux exigences de scénarios utilisateurs et de représentations visuelles : fiches interactives par zone, visualisation 3D… La plateforme sert ainsi de terrain d’expérimentation, pour imaginer la façon de scénariser les données métier et surtout d’outiller facilement les utilisateurs.

Imac affichant la homepage du portail géothermie de Bordeaux Métropole

Objectif : rendre la complexité accessible

Travailler une approche segmentée selon les besoins

Pour structurer efficacement l’expérience, nous procédons à une segmentation claire des objectifs de la plateforme :

  • découvrir la géothermie,
  • étudier le potentiel géothermique d’une parcelle, d’une adresse ou d’une commune spécifique,
  • avoir une vision globale de la géothermie sur le territoire métropolitain.

Cette segmentation guide la conception des parcours et des interactions associées. Nous définissons les étapes clés et les écrans correspondants, de la page d’accueil jusqu’aux visualisations cartographiques plus spécifiques. L’approche consiste à proposer un cheminement clair et progressif, pour accompagner les utilisateurs dans leur apprentissage et dans la compréhension de données complexes, via des contenus pédagogiques, des visualisations dynamiques et des fiches d’études. Par exemple, la page d’accueil présente une introduction vulgarisée à la géothermie, tandis que la fiche présentant la parcelle offre deux modes : grand public et professionnel, avec une granularité d’informations adaptée. Ce choix méthodologique répond directement à l’objectif du projet de faciliter l’appropriation de la plateforme par des profils très variés, tout en assurant la cohérence technique et graphique.

Capture d'écran d'un espace de travail sous Miro affichant un board de travail de parcours utilisateur
Capture d'écran d'un espace de travail sous Miro affichant un board de travail de parcours utilisateur

Proposer des données compréhensibles et actionnables

Permettre à l’utilisateur de transformer l’exploration en décision

Le design de la plateforme doit répondre au besoin de rendre la géothermie lisible, concrète et accessible à tout public : particuliers, acteurs professionnels et collectivités territoriales.

Pour cela, nous concevons une interface qui s’adapte aux différents niveaux d’expertise et d’intention. Chaque choix découle directement de cet enjeu : faciliter l’exploration d’un sujet technique, tout en outillant efficacement les usagers dans leurs projets.

Dès la page d’accueil, la plateforme propose des entrées différenciées selon les profils : le particulier accède davantage à des contenus vulgarisés pour comprendre la géothermie, tandis que le professionnel est orienté directement vers des informations opérationnelles telles que les démarches, études, données techniques.

Par ailleurs, l’ensemble des fonctionnalités principales de la plateforme reste accessible en dehors de la carte interactive. Une approche garantissant une navigation complète et inclusive, notamment pour les utilisateurs en situation de handicap ou ceux qui préfèrent une interaction plus linéaire.

Un moteur de recherche central permet d’effectuer une recherche en saisissant une adresse, un numéro de parcelle ou en sélectionnant une commune. Ce point d’entrée unique simplifie l’accès aux fonctionnalités clés.

Illustration du projet

Nous plaçons la carte interactive au cœur de l’expérience. Elle permet à l’utilisateur d’afficher différentes couches d’informations : ressources géothermiques, projets existants, réseaux de chaleur, cadastre, bâtiments 3D, carroyage (technique de quadrillage).

La carte s’adapte à l’utilisateur : elle affiche l’ensemble de la métropole en mode navigation, et zoome automatiquement lors de la saisie d’une adresse ou d’une commune, pour offrir le bon niveau de détail.

En exploration libre, les hachures (vertes ou jaunes) sur la carte rendent immédiatement perceptible la qualité géothermique d’une zone (excellente ou bonne), tandis que les marqueurs de localisation des projets existants et les tracés des réseaux de chaleur offrent des repères concrets. Les fiches-projet accessibles depuis ces points de repère prolongent cette logique en affichant les caractéristiques techniques et énergétiques associées. La lecture de la donnée s’effectue de manière progressive et personnalisée, évitant la surcharge pour les utilisateurs moins familiers du sujet tout en offrant la possibilité d’aller plus en profondeur pour les plus avertis.

Écrans mobile et tablet affichant le portail de la géothermie de Bordeaux Métropole

Pour l’utilisateur souhaitant aller plus loin dans l’affichage des informations sur une zone, lorsqu’un carré de la couche “carroyage” est sélectionné, un tiroir latéral s’ouvre, proposant une fiche d’étude détaillée. Cette fiche est conçue avec deux niveaux de lecture :

  • un mode grand public, plus simple et synthétique, pour afficher uniquement l’information accessible sans bagage technique,
  • et un mode avancé, activable à la demande, qui dévoile des données supplémentaires comme le débit, la puissance estimée, la proximité d’un réseau de chaleur, les contraintes réglementaires ou les points de contact utiles.

Chaque fiche du carroyage peut être téléchargée en PDF, facilitant son usage hors ligne ou dans un cadre administratif. La fonctionnalité a pour but d’assurer la continuité entre l’exploration numérique et la constitution d’un dossier de projet. Enfin, le design de la plateforme ne se veut pas seulement ergonomique ou esthétique : il est surtout stratégique, car il permet à la Métropole de renforcer l’appropriation citoyenne des enjeux de transition énergétique, tout en mettant à disposition des données fiables et exploitables.

mockup d'un téléphone mobile affichant une fiche contenant des informations techniques sur la géothermie
mockup d'un imac affichant une fiche contenant des informations techniques sur la géothermie
1 prototype
fonctionnel

L’interface utilisateur et la direction artistique

Un design sombre au service de la clarté

La direction artistique adopte une interface en mode sombre, adaptée aux usages actuels.

La palette choisie va du gris anthracite au violet foncé conférant à l’ensemble une esthétique “technologique”. Cela offre une différenciation visuelle bienvenue dans un monde où beaucoup d’interfaces se ressemblent. Ces couleurs soulignent les éléments de carte en vert et magenta ainsi que les couches de la carotte géologique de couleurs brun et orange.

Ce contraste assure une lisibilité optimale, y compris sur des écrans à faible luminosité.

Illustration du projet

Cartographie accessible en dark mode

Les exigences concernant l’accessibilité ne sont pas aussi élevées pour la cartographie que pour des interfaces plus classiques, cependant nous avons souhaité pousser les contrastes des couleurs de la carte afin de respecter les valeurs minimales requises pour les personnes ayant du mal à percevoir correctement les contrastes. Un kit de composants fonctionnels et un guide d’utilisation des éléments sont fournis à la livraison du projet.

Intégration dans la charte de la métropole

Cette interface en mode sombre doit s’inscrire dans la charte de Bordeaux Métropole. Les usagers de la plateforme doivent pouvoir identifier d’où viennent les données exposées. La métropole représente un gage de confiance important pour rassurer les utilisateurs sur la fiabilité des informations qu’ils consultent. La forme des boutons, la typographie, l’iconographie et le style des illustrations de BM sont respectés afin de s’inscrire dans une continuité visuelle dans l’expérience globale des citoyens de la métropole.

Capture d'écran Figma affichant les couleurs employés pour une plateforme de géothermie de Bordeaux Métropole
Extraits de la page d'accueil et d'une page "guide pour les professionnels" du portail de la Géothermie de Bordeaux Métropole en version desktop
77 écrans
desktop et mobile livrés
Prototype
Mockup d'un macbookpro affichant la maquette Axure d'une plateforme cartographique de Bordeaux Métropole
Maquette
Mockup d'un macbookpro affichant la maquette graphique d'une plateforme cartographique de Bordeaux Métropole

Vous souhaitez discuter de votre projet ?

Échangeons sur vos enjeux, vos contraintes et vos ambitions pour construire ensemble la meilleure expérience utilisateur.

Contactez-nous