Optimisation de l’Expérience Mobile CoStar
CoStar est l’outil de référence en immobilier commercial, mais l’expérience mobile souffrait d’un décalage majeur avec les besoins réels des brokers
Tâche
Ma mission a consisté à piloter la refonte de l'expérience mobile en transformant des retours utilisateurs complexes en une interface intuitive et performante.
Pour cette étude de cas, j’ai croisé trois sources de données complémentaires :
- la Data Quantitative (avis App Store),
- la Data Métier (retours Sales/PM),
- la Data Qualitative (interviews personas).
Contenu : Compilation de 784 avis utilisateurs (score 3,2/5).
Objectif : Identifier les problèmes d’utilisabilité et le sentiment général après les mises à jour.
Insight clé : Révèle une frustration technique majeure sur des fonctions de base (bugs, clarté) et une régression perçue de l’expérience mobile par rapport à la version bureau.
Contenu : Synthèse des retours terrains collectés par les équipes internes lors de démonstrations ou de ventes.
Objectif : Comprendre les lacunes fonctionnelles qui empêchent l’application d’être un outil de travail quotidien crédible.
Insight clé : Mise en lumière du manque de données stratégiques (contacts directs, filtres, prix par unité) indispensables pour les professionnels en situation de prospection réelle.
Contenu : Étude détaillée des profils types et de leur mode de collaboration.
Objectif : Cartographier le parcours utilisateur (User Journey) et identifier les besoins de synchronisation et de partage d’équipe.
Insight clé : Découverte du besoin de gestion du cycle de vie des deals (suivi des changements de statut) et de l’automatisation des « des visites » (planification logistique sur le terrain).
Insight : L’absence des produits piliers (News, Tenants, Markets) désoriente l’utilisateur habitué au web.
Solution : Refonte de l’accueil avec un design modulaire (tuiles) qui reprend la nomenclature du site. L’architecture est pensée pour être « scalable » : on affiche l’essentiel aujourd’hui, tout en prévoyant l’intégration facile des futurs modules.
Bénéfice : Cohérence de marque et réduction de la courbe d’apprentissage.
Insight : Les brokers perdent un temps précieux à chercher les coordonnées hors de l’app.
Solution : Intégration d’un bouton d’action direct (Call/Email) sur la fiche propriété.
Bénéfice : Transformation de l’app en un véritable outil de prospection active.
Insight : La perte des filtres lors d’un changement de catégorie est une friction majeure.
Solution : Implémenter des filtres persistants et une synchronisation en temps réel des « Notes » et recherches sauvegardées entre le bureau et le mobile.
Bénéfice : Fluidité de navigation et continuité du travail entamé au bureau.
Insight : Les brokers ont besoin de partager leurs trouvailles avec leurs équipes ou clients en temps réel.
Solution : Créer un module de « Listes de Favoris Partagées ». L’utilisateur peut inviter des collaborateurs sur une liste spécifique, ajouter des commentaires partagés et gérer les droits de visibilité.
Bénéfice : Centralisation des échanges et accélération de la prise de décision collective.
Insight : L’organisation des visites est un frein à l’usage sur le terrain.
Solution : Création d’un itinéraire de visite automatisé.
Bénéfice : Confort d’utilisation et professionnalisme lors des visites clients.
L’objectif de ce benchmark a été d’extraire des mécanismes d’interface (UX Patterns) provenant d’applications leaders pour résoudre les problèmes de fragmentation, de recherche complexe et de collaboration identifiés lors de la phase de découverte et d’analyse.
L’Hybridité omniprésente
Sur Google Maps, Zillow, Redfin, Airbnb et même The Fork, le pattern est identique : une carte interactive surmontée d’une Bottom Sheet (volet coulissant).
Application CoStar : Ce pattern hybride est la solution idéale pour le broker en « Touring » : il peut consulter les data financières d’un immeuble sans jamais perdre sa position géographique.
Focus sur la bottom sheet contextuelle (inspiration Google Maps)
Le Pattern : Sur Google Maps, la bottom sheet ne se contente pas d’afficher une liste. Une fois déployée, elle expose des filtres spécifiques à la zone ou au type de recherche.
La Solution stratégique : Dans l’app CoStar, ce volet coulissant devient le garant de la persistance des données.
Mécanique : Les filtres globaux restent ancrés dans la barre de recherche haute, tandis que les filtres spécifiques vivent dans la Bottom Sheet.
Résultat : On élimine la frustration majeure identifiée : changer de « produit » (ex: passer de Properties à Listings) n’efface plus les critères communs car ils sont gérés sur deux couches distinctes de l’interface.
Les Tuiles de Navigation : The Fork et Booking.com utilisent des tuiles visuelles pour segmenter l’offre.
Application CoStar : Ce modèle permet de réintégrer les piliers manquants (News, Tenants, Markets) de manière claire et modulaire dès l’accueil, tout en prévoyant l’ajout de futurs produits (STR Benchmark, Public Records).
Les Listes Sauvegardées : L’exemple de Booking.com montre une organisation par dossiers (« Recently saved », « My next trip ») avec un accès rapide et visuel.
La Dimension Collaborative : Airbnb pousse le concept plus loin en permettant d’inviter des tiers à consulter et modifier ces listes.
Application CoStar : Réponse directe au besoin de collaboration. La sauvegarde devient un outil de gestion de projet partagé entre l’agent et son client.
La Levée d’ambiguïté sur la homepage
Mon analyse a révélé qu’une barre de recherche trop large (V1) générait une confusion entre les différents spectres de données (Properties vs Contacts).
Pour y remédier, j’ai introduit dans la V2 une segmentation par ‘intentions’ dès la saisie. Cette approche clarifie l’attente de l’utilisateur et assure une cohérence immédiate des résultats.
Optimisation de la charge cognitive sur la carte
Sur la V1, l’intégration d’onglets de navigation (Properties, Transactions, Tenants, Contacts) créait un conflit visuel. L’utilisateur devait gérer deux plans de navigation simultanés, générant une friction cognitive inutile.
En retirant les onglets de navigation sur la V2, j’ai libéré l’espace cartographique pour le concentrer sur les résultats et les filtres métiers. Cette nouvelle hiérarchie assure une cohabitation fluide entre la géolocalisation et la donnée, à l’image des patterns de Google Maps.
Ce wireframe détaille le passage d’une sauvegarde passive à une gestion de projet active.
L’utilisateur peut désormais créer une liste personnalisée sans rompre son flux de recherche, grâce à une fenêtre modale contextuelle.
L’innovation majeure réside dans l’intégration de paramètres collaboratifs critiques : la possibilité de définir la visibilité (Public vs Privé), d’ajouter des notes descriptives et d’inviter des tiers (Add Guest).
Ce module transforme l’application en un outil de workflow partagé, permettant aux brokers de centraliser les feedbacks clients et collègues directement sur le terrain.
Navigation & Architecture (HP)
Solution UI : Utilisation d’un Segmented Control (onglet bleu) en haut de page. Il permet de switcher d’environnement instantanément tout en conservant une structure de page cohérente. Les cartes horizontales (Recently Viewed) maximisent l’espace vertical pour le contenu principal.
Expérience Cartographique (Map & Quick Filters)
Solution UI : Adoption du pattern « Map Drawer » (Bottom Sheet). Le tiroir coulissant permet d’afficher la liste sans perdre la vue carte.
Les Quick Filters (puces sous la recherche) permettent d’ajuster les critères (Size, Type) à une main, sans ouvrir de menu complet.
Recherche & Filtres (Search & Main Filters)
Solution UI : La barre de recherche intègre un bouton de filtres persistant. Le design des filtres contextuels (modale épurée) utilise des menus déroulants clairs.
Liste de favoris & Organisation
Solution UI : Utilisation de cartes « quadrillage » visuelles pour identifier les projets au premier coup d’œil.
Contextualisation : L’ajout de notes est intégré directement sous chaque bien dans la liste, avec un indicateur de « Likes » pour valider les options entre collègues ou clients.
Workflow : La création de liste se fait via une modale simple, minimisant l’interruption du flux de recherche.
