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
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.
Il traite plusieurs dossiers par jour, ne peut pas se permettre de perdre du temps sur l'interface
l'interface doit être immédiatement compréhensible, sans apprentissage
sa priorité est de détecter les alertes (inondation, sécheresse, DPE dégradé) avant toute autre information
chaque analyse s'inscrit dans un dossier de prêt, il a besoin de retrouver ses analyses facilement
02 — Problèmes identifiés
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.
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.
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.
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
Chaque décision découle d’un problème utilisateur identifié, pas d’une préférence esthétique.
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.


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.
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.

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
Des maquettes pixel-perfect pensées pour être directement implémentables par un développeur front-end.
Navigation latérale, toggle dossiers / analyses, vue liste et vue carte intégrées en un seul écran.
Sélection du niveau, formulaire avec carte split-screen, état "en cours d'analyse", rapport de restitution.
Page de dépôt de fichier CSV/XLSX avec gabarit téléchargeable, accessible aux abonnés de l'option.
Hiérarchie visuelle repensée, nouveaux indicateurs de performance, notation globale repositionnée.