Unifier deux outils en une expérience fluide

Khome propose aux conseillers bancaires une solution d’estimation immobilière. Deux produits coexistaient sans cohérence. Ma mission : les fusionner en repensant entièrement le parcours utilisateur.

Rôle 

Product Designer (freelance)

 

Durée

Mission courte : 1 mois

 
 

Outils

Figma

 
 

01 – Contexte

Un outil pour des décisions à fort enjeu

Khome est une startup proptech qui vend un outil d’analyse immobilière aux Caisses Régionales du Crédit Agricole. L’objectif : permettre aux conseillers en charge de l’octroi de prêts immobiliers d’évaluer rapidement la valeur d’un bien, son DPE et ses risques climatiques — des données essentielles pour décider d’accorder ou non un crédit.

Jusqu’à ma mission, deux produits coexistaient : Khome SaaS (outil web complet avec dossiers clients et analyses) et Khome Navigator (interface cartographique interactive). Ces deux outils avaient leur propre logique, leur propre design, et les utilisateurs devaient jongler entre les deux.

Ma mission couvrait 4 axes : révision des maquettes pour l’estimation simple (unitaire + masse), harmonisation UX entre les deux produits, optimisation de la navigation globale, et refonte de la page de résultats.

Le conseiller bancaire, utilisateur cible

Très pressé

Il traite plusieurs dossiers par jour, ne peut pas se permettre de perdre du temps sur l'interface

Peu à l'aise avec les outils numériques

l'interface doit être immédiatement compréhensible, sans apprentissage

Focalisé sur les risques

sa priorité est de détecter les alertes (inondation, sécheresse, DPE dégradé) avant toute autre information

Orienté dossier client

chaque analyse s'inscrit dans un dossier de prêt, il a besoin de retrouver ses analyses facilement

02 — Problèmes identifiés

Ce qui bloquait les utilisateurs

En analysant les deux produits existants et les retours remontés par l’équipe Khome, j’ai identifié 5 problèmes structurels.

01

Deux produits, zéro cohérence

Khome SaaS et Khome Navigator avaient chacun leur navigation, leur charte graphique et leur logique d’accès. L’utilisateur ne savait pas où aller ni pourquoi l’un était différent de l’autre.

02

Confusion entre les niveaux d'analyse

Les conseillers ne comprenaient pas la différence entre l’analyse simple et l’analyse avancée. Les bénéfices concrets de chaque niveau n’étaient pas expliqués au moment du choix.

03

Lisibilité critique du rapport

Le rapport de résultat affichait l’estimation en texte transparent superposé à une photo Google Maps (souvent une voiture ou un camion). La lisibilité était médiocre et l’information essentielle difficile à trouver rapidement.

04

Confusion entre les niveaux d'analyse et navigation éclatée

Les conseillers ne comprenaient pas la différence entre l’analyse simple et l’analyse avancée. Aussi, la navigation entre dossiers clients et analyses imposait des allers-retours inutiles. 

03 — Décisions de design

Pourquoi chaque choix a été fait

Chaque décision découle d’un problème utilisateur identifié, pas d’une préférence esthétique.

01

Fusionner les deux produits en un seul dashboard

J’ai remplacé la navigation horizontale en top-bar par une barre latérale iconique, plus adaptée à une application SaaS et cohérente entre les deux anciens produits.

Les dossiers clients et les analyses, auparavant dans deux sections distinctes, sont réunis dans un seul écran avec un toggle pour passer de l’un à l’autre. La vue carte de Khome Navigator devient simplement un mode d’affichage alternatif de la vue liste — la fusion est totale.

02

Rendre le choix d'analyse immédiatement compréhensible

Face à la confusion des conseillers entre les niveaux d’analyse, j’ai conçu une page de sélection dédiée avec trois cards claires présentant chaque niveau : durée, nombre de paramètres, fiabilité et cas d’usage.

Pour le Niveau 1 uniquement, deux actions sont proposées directement depuis la card : Analyse unitaire et Analyse en masse — visible uniquement pour les abonnés à cette option. Plus de mystère sur ce que l’on va obtenir avant de démarrer.

03

La carte, de l'ornement à l'outil

Dans le formulaire de saisie, j’ai maintenu la carte en split-screen. Pendant que le conseiller tape une adresse, la carte se met à jour et lui donne un repère géographique immédiat : quartier, densité urbaine, biens déjà analysés à proximité.

Ce choix concrétise aussi la fusion des deux produits : la carte n’est plus un outil séparé, elle est intégrée à chaque étape du parcours. C’est la même logique qui se retrouve dans le rapport de résultats, où elle remplace la photo de façade comme élément de contexte principal.

04

Refonte complète du rapport de résultats

C’est la décision la plus impactante de la mission. L’ancienne version affichait l’estimation en texte transparent superposé à une photo Google Maps — élégant en théorie, illisible en pratique dès que la photo montrait un camion de dépannage plutôt qu’un bel immeuble haussmannien.

J’ai volontairement intégré une photo de camion dans mes maquettes pour ancrer la revue de design dans la réalité pessimiste plutôt qu’une vision idéalisée. Ce choix a convaincu l’équipe de repositionner la photo : elle n’est plus le fond du rapport, mais une vignette cliquable ouvrant Google Street View (passant de l’ornement à l’outil.)

Le fond sombre a été supprimé. L’estimation, la fourchette, le DPE et la fiabilité sont regroupés dans un encadré blanc structuré avec des codes couleurs explicites. Le score climatique — priorité absolue pour un conseiller qui évalue le risque d’un prêt — est mis en avant dès la première zone du rapport.

La notation globale (Prix vs Marché, Dynamique locale, Risques liés au bien), très présente dans la version originale, a été repositionnée plus bas : ces données entrent dans le détail et peuvent attendre un second regard. À l’inverse, un nouvel encart “Indicateurs de performance” fait son apparition avec le délai de vente estimé, le rendement locatif, le loyer et les charges — des données directement actionnables pour le conseiller.

AVANT – KHOME NAVIGATOR

AVANT – MA VERSION

04 — Livrables

Ce qui a été livré

Des maquettes pixel-perfect pensées pour être directement implémentables par un développeur front-end.

Dashboard unifié

Navigation latérale, toggle dossiers / analyses, vue liste et vue carte intégrées en un seul écran.

Parcours Analyse simple

Sélection du niveau, formulaire avec carte split-screen, état "en cours d'analyse", rapport de restitution.

Estimation en masse

Page de dépôt de fichier CSV/XLSX avec gabarit téléchargeable, accessible aux abonnés de l'option.

Rapport avancé refondu

Hiérarchie visuelle repensée, nouveaux indicateurs de performance, notation globale repositionnée.