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

Introduction & Contexte

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

Comprendre le décalage

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

Comportement marché :

00%

des adultes s'informent sur mobile

00%

des utilisateurs consultent les actualités via mobile chaque semaine
Réalité CoStar :

00%

Moins de 5% des vues d'articles proviennent de l'application mobile.

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.

Les utilisateurs ne voient pas immédiatement l'intérêt de l'application
L'expérience et l'interface utilisateurs sont obsolètes
Insight UtilisateurSolution DesignBé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.

Pourquoi le "Quick Win" de la section News ?

Priorisation stratégique : capitaliser sur l'habitude pour booster la rétention

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.

Problématique

Comment pourrions-nous transformer l'usage ponctuel en habitude quotidienne ?

Fonctionnalité

Le widget Actualités

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.

Résultat
Une semaine après la sortie du Widget, c'est :
Installation du Widget par des clients
0
Installation du Widget par les employés de CoStar
+ 0
Design

Refonte de la Home page

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.

Une navigation plus intuitive, une meilleure visibilité et un flux utilisateur aligné sur l'utilisation standard des mobiles.
Before After
Résultat
Une croissance régulière et continue

00%

Le nombre d'utilisateurs uniques hebdomadaires a augmenté de 38 % en un peu moins de six mois, passant de 16 000 utilisateurs iOS hebdomadaires à 22 000 (Source Pendo).
Design

Refonte de la section actualités

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.

Before After
Section éditorialisé
Scroll dans la section éditorial
Scroll dans la section éditorial
Ajout de catégorie dans la top bar
Un article que l'on peut partager ou enregister
Fonctionnalité

Le onboarding

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.

Design

Refonte de la vue liste des propriétés

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.

Une lecture plus rapide, une meilleure compréhension des offres et une navigation plus efficace dans les résultats de recherche.
Before After
Design

Refonte du menu

Nous avons repensé la hiérarchie et la mise en page du menu afin d’améliorer sa clarté et son accessibilité. 

L’objectif était de rendre la structure plus lisible, de faciliter la découverte des fonctionnalités et de réduire la charge cognitive.

Cette nouvelle organisation met en avant les actions clés, crée des regroupements plus cohérents et offre une navigation plus intuitive, conformément aux normes mobiles actuelles.
Before After
Retour