Logo

Bimeoforms

Création d’un nouveau service pour aider les auditeurs énergétiques lors de leur audit

Maquette top

Contexte

En 2024, l’aide de l’État Ma Prime Rénov’ bouleverse le marché : des milliers de propriétaires se ruent vers les diagnostiqueurs pour obtenir un audit énergétique.

Chez Bimeo, nous avions déjà une solution solide de scan 3D en réalité augmentée. Puissante pour les bureaux d’études, mais trop lourde pour les diagnostiqueurs indépendants. Le constat fut le suivant : ce public cherchait rapidité et simplicité, pas une usine à gaz.

Rôle :

UX/UI Designer

Durée :

2 mois

Outils :

Figma, Suite Adobe, Attrackdiff

Révélations terrain 

Avec la responsable produit, nous avons accompagné un auditeur sur une journée complète d’audit. Observer son travail a tout changé : tablette d’un côté, télémètre de l’autre, carnet de notes et autres outils toujours à portée de main.

Nous avons compris que la solution actuelle convenait aux bureaux d’études voulant de la précision, mais pas à la plupart des auditeurs. Ces derniers n’avaient pas besoin de scans 3D ni de plans, seulement de saisir rapidement les mêmes informations précises. Et surtout, ils subissaient une double saisie interminable pour transférer leurs données dans leur logiciel métier. Ceci a fait écho aux informations récoltées lors d’entretiens préalables ainsi qu’aux constats du commercial. C’est là que le déclic a eu lieu : le vrai problème n’était pas technique, mais structurel.

Étapes Clés

01.

Brief du concept

02.

Conception de l’expérience utilisateur (Userflows, cartographie de contenu...)

03.

Wireframe, Maquettage, Kit UI et design système

04.

Plan de test Utilisateur

05.

Tests utilisateur et analyse

06.

Amélioration de la maquette

07.

Transmission de la maquette à l’équipe de développement

Le concept

L'équipe dirigeante décide de créer un formulaire mobile basé sur la trame 3CL(méthode de calcul pour obtenir ”ma prime renov”), directement exportable vers leur logiciel métier “BatiAudit” qui est aussi notre partenaire. Objectif : rendre la saisie des informations facile et rapide tout en éliminant la double saisie.

L'annonce qui change tout : présenter une version bêta au salon Batimat fin septembre. Soit un délai de 4 mois. Ma mission, tout concevoir et tester en 2 mois chrono pour laisser ensuite le temps au développement .

Architecture de l'expérience

La méthode 3CL est un document réglementaire dense, avec plus de 150 champs obligatoires. Pour gagner du temps, l’équipe avait déjà commencé un travail d’analyse et m’a transmis une carte mentale listant tous les éléments à intégrer.

À partir de là, mon rôle a été de transformer cette matière brute en une expérience claire :

  • Regrouper les informations par thématiques logiques (chauffage, isolation, bâti…).
  • Organiser les écrans en un parcours fluide par rapport aux besoins des auditeurs
  • Réduire au maximum les allers-retours entre sections

L’objectif était de créer une navigation adaptée à leur façon de réaliser un audit, en se basant sur les observations faites durant la journée où nous avions accompagné un auditeur.

Maquette final

userflows (données sensibles floutées)

Prototypage

Nous avons choisi de réaliser cette solution sur smartphone pour deux raisons. D'abord le terrain : un auditeur jongle déjà avec télémètre, lampe, carnets. Une tablette supplémentaire? Impensable. Mais c'est surtout l'analyse commerciale qui tranche. Notre première solution exigeait l'achat d'une tablette avec LIDAR, un frein majeur pour les petites structures. Cette fois, pas de technologie complexe à financer : chaque professionnel possède déjà un smartphone.

Le processus se déroule de la manière suivante :

  • Wireframes :  esquisses papier puis numériques pour définir la hiérarchie visuelle de chaque écran, où placer quoi
  • Design system et Kit UI : création des nombreux composants et icônes personnalisées (types d'isolants, systèmes de chauffage, pathologies du bâti) pour garantir cohérence et faciliter le développement
  • Maquettes finales : intégration de la charte graphique, des icônes et du design system à la maquette
  • Prototype interactif : réalisation des animations et interactions pour les futures sessions de test
Maquette final
Maquette final

Ui kit

Maquette final

Tests utilisateurs

Restait maintenant à savoir si tout cela fonctionnait vraiment. Sans budget ni temps pour un prototype matériel, nous avons testé directement avec la maquette interactive.Nous avons proposé cette ébauche à cinq auditeurs, en les plaçant dans des scénarios proches de leur quotidien. Pendant une heure, ils partageaient à voix haute leurs impressions et leurs blocages, ce qui nous a permis de capter leurs réactions en direct.

Les résultats ont été :

  • L’outil a été jugé simple, pratique et efficace
  • Les auditeurs se projetaient déjà dans son usage réel
  • Mais un problème revenait : la saisie des annotations était perçue comme trop répétitive et lassante à la fin

Suite à ces retours, nous avons revu le parcours et ajouté ces changements à la maquette, afin de rendre l'application plus stimulante.

Maquette final

Batimat : la validation publique

Septembre 2024, Bimeo Forms est présenté en bêta au salon Batimat. La réaction sur LinkedIn fut unanime :

“Notre nouvelle fonctionnalité, répond-elle à vos besoins sur le terrain ? ✅ La réponse est un grand OUI !”

Maquette final

Ce que ce projet m'a appris

Ce projet m'a confronté à la complexité du design sous contraintes multiples : temporelle, budgétaire, réglementaire et technique.

Nouvelles compétences acquises :

  • Recherche terrain immersive pour comprendre un métier complexe
  • Traduction de réglementation en expérience utilisateur
  • Tests utilisateurs avec prototype limité et budget zéro
  • Design system

Limite principale : l'impossibilité de tester les interactions hardware réelles (télémètre, scan) avec notre prototype Figma. Une phase supplémentaire avec prototype fonctionnel aurait permis de valider ces aspects cruciaux.