Product design

Améliorer la rétention et l’engagement

Refonte de l’Application mobile de CoStar (IOS & Android)

Tâche

Amorcer les premières étapes à l'intégration de la base de données CoStar au sein d'une interface épurée et intuitive, en modernisant l'UI et en repensant l'architecture de l'information.

Design

UI/UX Design
Client

CoStar
Rôle

Product Designer
Équipe

1 PrD, 2 PM, 3 Dev

Le Projet : Refonte de l’interface utilisateur (UI) et de l’expérience de navigation (UX) de l’application CoStar pour les professionnels de l’immobilier commercial (CRE).

Le Défi : L’application actuelle présente des fonctionnalités rudimentaires, une UI obsolète et un taux de rétention critique (seulement 6.77% à J+28).

L’analyse des données montre une déconnexion majeure entre les habitudes de consommation de l’industrie et les performances de l’app.

Cible Nomade : Les courtiers, propriétaires et investisseurs ne sont pas devant un bureau toute la journée ; l’audience européenne, en particulier, est mobile-first.

Insight Utilisateur	Solution Design	Bénéfice
Navigation confuse : Les boutons « Map » et « List » ne sont que des modes de vue, pas des destinations.	Nouvelle Barre de Navigation : Introduction de points d’entrée dédiés (Search, News, Directory, Menu).	Clarté : Réduction de la charge cognitive et accès direct aux piliers de l’app.
Contenu déconnecté : Les News apparaissent de manière aléatoire sur la Home, elles n’ont aucun liens avec les « pins ».	News Widget & Section Dédiée : Intégration de widgets iOS/Android et d’un flux d’actualités structuré par dates.	Rétention : Création d’un « rendez-vous quotidien » avec l’utilisateur via des actualités.
Densité d’info faible : La liste actuelle force un défilement excessif.	Optimisation des Thumbnails : Refonte de la hiérarchie visuelle des cartes de propriétés.	Efficacité : Lecture plus rapide du contenu.

Le choix de refondre la section News en priorité, avant de s’attaquer aux outils complexes de prospection et d’analyse, repose sur une stratégie de ‘Quick Win’ visant à transformer radicalement la fréquence d’usage.

L’Insight : Les données montrent un décalage majeur : si 73% des professionnels de l’immobilier consomment des actualités sur mobile chaque semaine, moins de 5% utilisaient l’application CoStar pour le faire. L’outil d’analyse, bien que puissant, répond à un besoin ponctuel et complexe qui nécessite souvent le confort d’un ordinateur. À l’inverse, l’actualité est un besoin quotidien, nomade et rapide.

La Solution : En commençant par les News et l’intégration de widgets, nous avons choisi d’abaisser la barrière à l’entrée. L’objectif était de créer un ‘hameçon’ (Hook) : transformer l’application en un réflexe matinal.

Le Bénéfice : Cette approche permet d’améliorer immédiatement les indicateurs de rétention (J+1 et J+7) à un coût de développement inférieur à celui des outils de prospection. En stabilisant une base d’utilisateurs actifs via le contenu éditorial, nous préparons un terrain fertile et un public engagé pour le déploiement futur des fonctionnalités d’analyse plus lourdes.

C’est une fonctionnalité stratégique pour CoStar :

Il transforme l’expérience mobile en un rendez-vous régulier avec l’utilisateur, en lui fournissant des informations pertinentes et actualisées.

Ce point d’entrée supplémentaire contribue à renforcer la fidélisation et confère à CoStar un rôle plus fluide et central dans les habitudes professionnelles des utilisateurs.

Installation du Widget par des clients

Installation du Widget par les employés de CoStar

+ 0

Nous avons simplifié la barre de navigation mobile afin de réduire la confusion et de clarifier les actions clés.

Les anciens boutons « Carte » et « Liste » ne faisaient que modifier l’affichage, tandis que « Plus » regroupait des actions qui n’étaient pas directement liées.

La nouvelle navigation introduit des points d’entrée dédiés, Recherche, Actualités, Locataires, Annuaire, Menu, afin de regrouper toutes les fonctionnalités liées à la recherche dans une zone cohérente et de séparer clairement les modes d’affichage des résultats des autres actions.

Nous avons également supprimé la fenêtre modale d’actualités qui apparaissait systématiquement sur la page d’accueil : elle créait beaucoup de confusion en affichant du contenu sans rapport avec la carte ou le contexte de la page.

Nous avons repensé la section Actualités afin d’offrir une expérience plus cohérente et plus lisible.

Pour renforcer l’alignement avec la version web, nous avons harmonisé la typographie et clarifié la hiérarchie visuelle.

La navigation dans les actualités a également été améliorée : de nouvelles sections sont désormais ajoutées automatiquement, ce qui facilite l’exploration et l’accès au contenu.

Enfin, les dates des articles sont désormais affichées de manière explicite, une fonctionnalité essentielle qui permet aux utilisateurs d’évaluer rapidement la fraîcheur des informations.

Cette mise à jour offre une expérience de lecture plus fluide, une meilleure cohérence entre les plateformes et une compréhension immédiate du contexte éditorial.

Afin d’assurer une expérience utilisateur fluide et d’accompagner efficacement l’adoption de l’application à chaque étape de son cycle de vie, nous avons mis en place une stratégie d’intégration (onboarding) contextualisée.

Découverte Progressive : Plutôt que de submerger le nouvel utilisateur avec un long tutoriel initial, nous privilégions une approche modulaire. Les fonctionnalités de base nécessaires à la prise en main immédiate sont présentées brièvement lors du premier lancement.

Nous avons repensé les vignettes et l’affichage sous forme de liste afin d’optimiser la densité d’affichage et d’améliorer la lisibilité des informations clés.

Cette refonte nous a permis d’afficher davantage de bâtiments simultanément, tout en réorganisant la structure du contenu afin de faciliter la lecture visuelle et de renforcer la hiérarchie entre les données essentielles.