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
Durée
Outils
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.
Or ces données (inondation, sécheresse, DPE) sont au cœur de la décision d’octroi de prêt. Elles n’étaient pas suffisamment mises en avant dans la hiérarchie visuelle.
Dossiers clients et analyses étaient dans deux sections séparées. Les caractéristiques détaillées du bien occupaient une zone disproportionnée alors que peu d’utilisateurs en avaient besoin en premier regard.
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 visuellement. L’ancienne version affichait l’estimation en texte transparent superposé à une photo Google Maps — en théorie élégant, en pratique illisible dès que la photo montrait un camion de dépannage plutôt qu’un bel immeuble haussmannien.
J’ai volontairement mis une photo de camion dans mes maquettes pour montrer à l’équipe la réalité pessimiste plutôt qu’une vision idéalisée. Ce choix a convaincu de garder la photo mais de la repositionner : elle n’est plus le fond du rapport, mais une vignette cliquable qui ouvre Google Street View — passant ainsi de l’ornement à l’outil.
Le fond sombre a été supprimé. Toutes les informations clés (valorisation, fourchette, DPE, fiabilité) sont regroupées dans un encadré blanc structuré, avec des codes couleurs explicites (rouge = estimation basse, vert = haute). Le score climatique, priorité des utilisateurs, est mis en avant dès la première zone du rapport.
AVANT – KHOME NAVIGATOR
AVANT – MA VERSION
Dans la version originale, la notation globale (Prix vs Marché, Dynamique locale, Risques) occupait le haut du rapport. J’ai analysé que ces données entrent dans le détail et peuvent attendre un second regard.
En haut de page : l’essentiel en un coup d’œil — valorisation, fourchette, score climatique. Les caractéristiques détaillées du bien, qui prenaient une large place sans être prioritaires, sont condensées en une seule ligne sous le titre. Enfin, un nouvel encart “Indicateurs de performance” rassemble délai de vente, rendement locatif, loyer et charges estimées.
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.