● LIVE
DOSSIER /001 B2C COMMUNICATION

Refonte de la fiche site Affluences

Mettre en valeur la donnée d'affluence pour tous les cas d'usage — et pas seulement les bibliothèques.

DATE
Déc 2024 — Oct 2025
ÉQUIPE
1 Product Designer · 1 PM · 1 CTO · Head of Sales · 3 devs front
STACK
Figma · Whimsical · Google Forms · Clarity · Google Analytics

01 — CONTEXTE

Un leader des bibliothèques qui voulait parler à tous les lieux publics

Affluences mesure, communique et gère les données de fréquentation des établissements recevant du public. Historiquement centrée sur les usagers des bibliothèques et des universités — pour la réservation de salles et de places assises —, l'entreprise cherchait à renforcer son positionnement sur d'autres secteurs.

La fiche site était le point d'entrée naturel pour porter cette ambition. Elle souffrait pourtant de problèmes structurels visibles dès l'analyse.

CLIENT
Affluences — leader de la donnée de fréquentation
HISTORIQUE
Bibliothèques · Universités
AMBITION
Renforcer le positionnement sur d'autres secteurs
LEVIER
La fiche site

02 — PROBLÉMATIQUE

Une page très fréquentée mais sous-exploitée côté utilisateurs et business

UTILISATEURS

  • Interactions limitées Les utilisateurs venaient sur les fiches sites en grande partie pour réserver et consulter l'affluence en direct. Aucun contenu ou redirection ne les retenait sur cette page.
  • Prévisions peu compréhensibles Trois blocs « Matin / Après-midi / Soir » qui généraient clics répétés et scrolls frénétiques.

BUSINESS

  • Aucun argument prospect Les établissements non référencés n'avaient aucune raison visible de rejoindre Affluences.
  • SEO limité Un contenu éditorial quasi inexistant.
  • Zéro monétisation Aucun mécanisme de revenu sur des pages pourtant très fréquentées.
CONÇUE COMME Un outil de consultation d'affluence et de réservation
POURRAIT FONCTIONNER COMME Une page de destination complète UTILE POUR LE VISITEUR CONVAINCANTE POUR LE PROSPECT

03 — OBJECTIFS

Trois objectifs, chacun associé à un problème mesuré

SEO limité par un contenu éditorial quasi inexistant

Augmenter le trafic sur les fiches sites

Via une stratégie de contenu éditorial enrichi : astuces de visite, descriptions.

Prévisions en trois blocs grossiers, clics répétés et scrolls frénétiques

Valoriser la donnée d'affluence comme différenciateur produit

En rendant les prévisions lisibles et actionnables, et en mettant en avant les indicateurs temps réel.

Plus d'un million de sessions par trimestre, aucun mécanisme de monétisation

Générer des revenus complémentaires

Via l'intégration de liens affiliés vers les billetteries partenaires des établissements clients.

04 — PROCESSUS

Quatre méthodes, plusieurs insights clés

  1. Audit comportemental

    COMPORTEMENTAL

    Sessions, heatmaps et scrollmaps, non pas pour conclure mais pour faire émerger des hypothèses : problèmes de placement, formats inadaptés, interactions non comprises…

    7 HYPOTHÈSES

  2. Sondage utilisateurs

    ATTITUDINAL

    Trois surprises : une satisfaction globale de la page (4,04/5), les réservations en tête des informations recherchées (62 %), quelques incompréhensions sur le format des prévisions (3,4/5 pour l'aide à la décision, 3,6/5 pour la compréhension).

    5047 RÉPONSES

  3. Sondage clients

    ATTITUDINAL

    Leur priorité : diffuser des informations pratiques, avant même l'affluence en temps réel — de quoi remonter les horaires et enrichir l'éditorial.

    46 RÉPONSES

  4. Interviews utilisateurs

    ATTITUDINAL

    Les prévisions servent bien à décider d'une visite, mais manquent de granularité : « Je veux savoir si c'est bondé à 10h, pas juste “le matin”. »

    5 INTERVIEWS

05 — DÉCISIONS CLÉS

Cinq arbitrages, tranchés par la donnée et les possibilités techniques

Remonter les horaires au-dessus de la ligne de flottaison

SITUATION

L'affluence temps réel passait avant les horaires — cohérent avec l'identité produit, pas avec les usages.

OPTIONS

  • Garder la hiérarchie existante
  • Horaires du jour dans le header

COMPROMIS

Un header à retravailler en profondeur, et des cas complexes : fermetures, horaires avec minutes, exceptions.

Trancher le format des prévisions par le test

SITUATION

Les trois blocs Matin / Après-midi / Soir manquaient de granularité, et l'équipe n'avait pas de consensus.

OPTIONS

  • Vue heure par heure
  • Vue par créneaux concaténés

COMPROMIS

Une concaténation à valider côté back-end, et des flèches de tendance supprimées de la vue détaillée de toutes les prévisions, car elles apportaient de la confusion.

La section « Astuces de visite » : arbitrer entre SEO et flexibilité

SITUATION

Benchmark et retours clients pointaient un besoin d'éditorialisation, identifié aussi comme levier SEO dès le cadrage.

OPTIONS

  • Structure de données typées
  • Champ texte libre (WYSIWYG)

COMPROMIS

Une livraison repoussée en V2 : il fallait d'abord mettre en place un WYSIWYG côté portail SaaS pour permettre l'éditorialisation.

Une navigation collante au scroll

SITUATION

Une page longue de plus de sept sections : sans repère, l'utilisateur perd sa position et ne peut pas sauter à une section.

OPTIONS

  • Sommaire statique en haut de page
  • Barre fixée au scroll, qui remplace le header

COMPROMIS

Un état de plus à gérer : apparition conditionnelle et onglet actif synchronisé, avec des seuils à spécifier.

Un composant à composition variable plutôt qu'un bloc fixe

SITUATION

Tous les établissements n'ont ni file d'attente, ni billetterie, ni le même type de donnée.

OPTIONS

  • Layout fixe, quitte à laisser des zones vides
  • Blocs indépendants et conditionnels

COMPROMIS

Une matrice de variantes à spécifier, et la photo de couverture masquée sous 800 px de hauteur.

06 — SOLUTION

Une architecture d'information restructurée autour des usages réels : l'essentiel au premier regard dans le header, une colonne droite qui concentre ce qui déclenche l'action, et des sections éditoriales qui donnent enfin une raison de revenir.

AVANT Ancienne fiche site du Musée du Louvre : header photo, temps d'attente en temps réel, prévisions en trois blocs Matin / Après-midi / Soir, horaires de la semaine et informations pratiques.
APRÈS Nouvelle fiche site du Musée du Louvre : horaires de la semaine en haut, colonne droite avec statut, temps réel, prévisions et bouton d'achat qui reste visible au défilement, puis En ce moment, Astuces de visite, informations pratiques, localisation et établissements similaires.
Même établissement, défilement synchronisé : les deux pages arrivent en bas en même temps. La nouvelle fiche est plus longue — En ce moment, Astuces de visite, établissements similaires, contribution.

Un seul composant, toutes les compositions

Statut sur quatre états, trois formats de donnée temps réel, prévisions et boutons optionnels : l'ordre est fixe, la présence dépend de l'établissement. Jusqu'aux cas limites — créneau tronqué en orange, erreur réseau expliquée.

Savoir si c'est bondé à 10h, pas juste « le matin »

Des créneaux concaténés lisibles d'un coup d'œil. Un clic sur « Voir toutes les prévisions » ouvre la modale, pour parcourir jour par jour jusqu'à J+7.

Une page longue qu'on ne perd jamais

Au scroll, une barre remplace le header d'établissement : cinq onglets cliquables, l'onglet actif synchronisé avec la section visible, le nom de l'établissement gardé pour le contexte.

La même structure, transposée

L'application mobile, distincte de la webapp, reprend la même architecture. Deux composants changent de forme pour tenir sur un écran étroit.

Fiche site web du Louvre : le live pane occupe la colonne droite, à côté des horaires et d'En ce moment. WEB · COLONNE DROITE
Fiche site du Louvre dans l'application mobile : le statut, le temps réel et les prévisions forment un bloc juste sous le header. APP · SOUS LE HEADER
Le live pane passe en tête de page La colonne droite flottante n'a pas d'équivalent sur un écran étroit : le bloc qui déclenche l'action s'installe juste sous le header.
Fiche site web du Louvre : la modale des prévisions est ouverte au centre, avec les jours à gauche et les créneaux à droite. WEB · MODALE
Application mobile : les prévisions s'ouvrent dans un bottom sheet qui monte du bas de l'écran, avec les jours en onglets. APP · BOTTOM SHEET
La modale des prévisions devient un bottom sheet Un choix aligné sur les bonnes pratiques mobiles relevées dans l'analyse d'autres applications : le panneau monte depuis le bas de l'écran pour parcourir les jours sans quitter la fiche.

07 — RÉSULTATS

Plusieurs KPIs, associés à leurs objectifs

Les évolutions de trafic sont comparées à une période équivalente N-1.

O·01

Augmenter le trafic

+35 % d'affichage Google

+20 % de clics organiques

RÉUSSITE

Reflète directement le choix d'un contenu éditorial enrichi.

O·02

Valoriser la donnée d'affluence

  • Indicateurs d'affluence toujours visibles sur la fiche site
  • Prévisions par créneaux mieux comprises
“Je préfère largement cette vue par créneaux, elle me permet de mieux me projeter”
NON MESURÉ QUANTITATIVEMENT

Mesuré de manière qualitative en interne.

O·03

Générer des revenus complémentaires

+800 € revenus affiliés

1 / 2 leads via apps

+18,5 % leads globaux

RÉUSSITE À CONFIRMER LONG TERME

Résulte d'un affichage attractif pour les prospects et de la visibilité des CTA concernant les liens affiliés.

08 — RETOURS D'EXPÉRIENCE

Apprentissages clés

  1. Identifier les hypothèses et les confronter

    Définir les hypothèses en amont est déterminant pour guider la recherche utilisateur. On s'est rendu compte que les données d'affluence n'étaient pas forcément l'information la plus recherchée sur les fiches sites, contrairement à notre intuition.

  2. Aligner les parties prenantes rapidement

    Lors de la refonte visuelle des indicateurs d'affluence, nous aurions dû les confronter plus rapidement aux avis des parties prenantes. Cela aurait évité de nombreux allers-retours côté design, surtout quand ça concerne des visuels historiques de l'entreprise.

CANAL OUVERT

Initier un contact

LINKEDIN ↗