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

L'ambition

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.

Au-delà des chiffres

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.

Problématique

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 ?

CoStar vs Les Géants

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.

Le duel des plateformes :

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èreCoStarCREXIMoody’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.

Standards média

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.

Le changement

Une plateforme, un monde

Transparence radicale

Renforcer le fact-checking et inviter des contributeurs externes pour diversifier les voix.

SEO First

Maximiser les liens internes et l'autorité thématique pour capter le trafic organique.

Architecture adaptive

Remplacer les multiples versions par une homepage unique, capable de s'adapter au contexte de l'utilisateur.
Single Homepage

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.
Before After
Redesign de CoStar News

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.

Objectif leads

Quand le design booste le business

Les critères de réussite sont ambitieux et mesurables:

Génération de prospects

Augmenter le taux de conversion des leads issus de la section "News".

Visibilité mondiale

Atteindre une croissance de 30% des vues de pages à l'échelle globale.

Engagement accru

Transformer la homepage en un outil indispensable que les clients consultent dès leur connexion.
Retour