Réinventer CoStar News
Transformer CoStar News en un moteur de croissance mondiale et un pilier pour l’industrie immobilière
Tâche
Piloté la refonte stratégique de CoStar News pour transformer les enjeux de crédibilité en un moteur de croissance mondiale et de génération de leads qualifiés
-
Client
CoStar
-
Rôle
Product Designer
-
Équipe
1 PrD, 1 PM, 3 Dev
Devenir la référence
CoStar a pour mission de numériser l’immobilier mondial et de devenir la source d’information incontournable pour les professionnels du secteur. L’enjeu est de transformer CoStar News en un moteur de génération de leads et un levier d’expansion européenne.
La crise de confiance des utilisateurs
L’analyse du terrain a révélé des frictions majeures qui freinaient l’adoption du produit :
- Le déficit de crédibilité : Les utilisateurs critiquent souvent la base de données, la jugeant parfois incomplète ou inexacte. Certains déclarent même devoir appeler systématiquement pour vérifier les données.
- L’engagement en chute libre : L’analyse des zones de chaleur montre que si les deux premiers articles attirent l’attention, l’intérêt chute rapidement dès la première moitié de la page.
- Un tunnel de conversion invisible : La fonction de recherche d’articles et les sélecteurs de pays sont largement sous-utilisés dans le design actuel.
CoStar News Home page
Heat Map
Le problème identifié est clair : la page d’accueil ne remplit plus son rôle de vitrine de journalisme et de technologie.
Comment pourrions-nous concevoir une expérience "multilingue et mondiale" qui renforce la marque CoStar tout en simplifiant la prise de décision pour les investisseurs ?
Le Combat pour la Crédibilité
Pour construire une solution robuste, j’ai mené une analyse comparative sur deux fronts : la crédibilité des données immobilières (CRE) et l’excellence opérationnelle des leaders de l’information mondiale.
Crédibilité et précision
L’analyse des acteurs majeurs du secteur a permis de mettre en lumière un « gap » de confiance critique que CoStar News devait combler.
| Critère | CoStar | CREXI | Moody’s Analytics |
| Positionnement | Couverture très large (données propriétaires, loyers, contacts). | Plus abordable, axé sur le marketing et les PME. | Référence pour la fiabilité macroéconomique et les tendances. |
| Points Faibles | Données jugées souvent imprécises (erreurs de surfaces, loyers). | Qualité des données de propriété variable selon les zones. | Inutile pour les données transactionnelles granulaires ou les contacts. |
| Feedback Client | Nécessite une validation manuelle systématique. | Moins fiable que CoStar pour les informations de propriété. | Forte réputation de transparence mais manque de profondeur. |
L’opportunité identifiée : CoStar doit capitaliser sur sa profondeur de données unique tout en utilisant le journalisme (News) pour apporter la vérification humaine qui manque à l’automatisation.
Les Codes de l'information
1. Architecture & Navigation
Hiérarchie de l’Urgence : Les « Breaking News » sont systématiquement mises en avant via des bannières colorées ou des tickers en haut de page.
Navigation Persistante : Utilisation de menus horizontaux « sticky » et de barres de recherche omniprésentes pour faciliter l’exploration.
Fluidité de Lecture : Adoption de l’ « infinite scroll » (courant chez CNN ou Axios) pour maximiser le temps passé sur le site.
2. Design Visuel & Identité
Typographie Stratégique : Utilisation de polices Serif pour l’autorité des titres (NYT, WaPo) et Sans-serif pour la lisibilité du corps de texte.
Palette Minimale : Fond blanc ou clair pour laisser respirer l’information, avec des codes couleurs stricts (Rouge pour CNN, Noir pour NYT).
Densité d’Information : Un équilibre entre la richesse éditoriale du NYT et la concision minimaliste d’ Axios.
3. Performance & Interaction (UX)
Mobile-First : Une priorité absolue sur la vitesse de chargement (performance exemplaire d’Axios).
Accessibilité : Implémentation de contrastes élevés et de tailles de texte ajustables pour répondre aux standards ARIA.
Recherche Intuitive : Intégration de l’autocomplétion pour réduire l’effort cognitif de l’utilisateur.
Synthèse
Cet audit a directement dicté plusieurs choix de conception pour la nouvelle homepage CoStar :
Meilleure hiérarchie des actualités en haut du site
Intégration de « Flag Pills » (Breaking, Exclusive) inspirées de Bloomberg.
Création d’un sélecteur d’édition international pour répondre à la structure transfrontalière observée chez les leaders mondiaux.
Repositionnement de la barre de recherche au centre de l’expérience pour s’aligner sur les habitudes de navigation identifiées.
Une plateforme, un monde
Transparence radicale
SEO First
Architecture adaptive
Scalabilité sans frontières
Le nouveau design introduit des fonctionnalités de rupture :
Sélecteur d'édition intelligent
- Basculez entre les éditions US, UK, Canada, France ou Internationale en un clic.
- Charge la homepage selon les préférences ou la localisation.
Section "Economy & Insights"
- Une vitrine exclusive pour nos économistes internes, renforçant le leadership d'opinion.
Le Live Feed Dynamique
- Un flux en temps réel avec des indicateurs "New" pour les articles publiés il y a moins de 30 minutes.
Hiérarchie visuelle renforcée
- Introduction de "Flag Pills" (Breaking, Exclusive, Opinion) pour clarifier la valeur de l'info.
Une seule Home page pour tous
1 - La recherche d'actualités
Un nouvel emplacement bien plus visible dans la barre de navigation, en attendant la possibilité d'avoir une recherche globale.
2 - Le sélecteur éditorial
Une indication visuelle claire de l'édition en cours donne aux lecteurs un sentiments d'appartenance.
Permet de passez facilement d'un édition à une autre.
3 - L'actualités pour vous
Les dernières actualités sur les marchés séléctionnés par le lecteurs.
Actuellement la fonctionnalité la plus populaire sur la page d'accueil.
4 - Les labels 'Flag Pills'
Ces nouvelles vignettes dédiées apportent plus de clarté et créent une hiérarchie visuelle.
5 - Les Actualités
Chaque rédaction (US, UK, Canada et France) a la possibilité de mettre en avant ses propres actualités sur l'ensemble du site.
6 - Economy & Insights
Ces sont des contenus unique et exclusif rédigé par les équipes Analyste de chaque pays.
7 - Flux en direct et dynamique
Les derniers articles publiés créent une page dynamique et actualisé.
Les badges 'Nouveau' apparaissent sur les articles publiés dans les 30 min.
8 - Monde et Market Moves
Des articles d'importance mondiale provenant des différentes rédaction de CoStar accompagné du suivi Boursier des Société immobilière en Bourse
9 - Catégories spécifique
Chaque rédaction dispose de la flexibilité nécessaire pour présenter les contenu le plus pertinent pour son public.
10 - Catégories
Le lecteurs pourra retrouvé toutes les dernières actualités par catégories en bas du site.
Améliore aussi le SEO.
Quand le design booste le business
Les critères de réussite sont ambitieux et mesurables: