Redéfinir le rôle de la fiche site, au-delà de la réservation
Une page d'établissement complète pour préparer sa sortie : +39 % d'impressions Google, +31 % de clics depuis Google et +17 % de visiteurs.
- DATE
- Déc 2024 — Oct 2025
- ÉQUIPE
- 1 Product Designer · 1 PM · 1 CTO · 3 devs front · 2 devs back
- STACK
- Figma · Whimsical · Google Forms · Clarity · Google Analytics
01 — CONTEXTE
Un usage centré sur les bibliothèques, une ambition multisectorielle
Affluences est le leader de la mesure, de la communication et de la gestion des données de fréquentation des établissements recevant du public — bibliothèques, universités, sites culturels. Historiquement centrée sur les usagers des bibliothèques et universités (notamment pour ses fonctionnalités de 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. Écran le plus consulté des applications mobiles, vu par près d'un tiers des usagers, elle devait évoluer pour servir des usages très différents : réserver une place en bibliothèque comme préparer la visite d'un musée.
- CLIENT
- Affluences — leader de la donnée de fréquentation
- AMBITION
- Renforcer son positionnement sur d'autres secteurs
- LEVIER
- La fiche site
02 — OBJECTIFS
Trois objectifs pour Affluences
Valoriser la donnée d'affluence comme différenciateur produit
Générer des revenus complémentaires
03 — PROBLÉMATIQUE
Des hypothèses de départ, une problématique par public
J'ai initié une réunion kick-off avec les parties prenantes du projet, pour confronter nos hypothèses sur la fiche site. J'ai choisi de traiter le sujet en deux parties : les usagers, qui consultent les applications publiques d'Affluences, et les clients, des responsables d'établissements qui diffusent leurs informations à travers la fiche site.
USAGERS
Comment pensions-nous que l'usager percevait la fiche site ?
- Sans opinion particulière Son expérience de la fiche se résumait surtout à la réservation.
- Peu utile pour planifier une sortie Car le format des prévisions n'était pas compréhensible.
De quoi pensions-nous que les usagers avaient besoin ?
- Un accès toujours prioritaire aux boutons De réservation et de billetterie.
- Une hiérarchie de l'information claire et lisible
CLIENTS
Quels étaient les besoins des clients d'Affluences à travers cette page ?
- Un besoin de personnalisation Les clients auraient aimé personnaliser leur fiche site pour l'adapter à leurs usagers et à leurs problématiques.
- Une publication motivée par l'affluence Les clients publiaient leur établissement sur le site principalement pour communiquer leurs données d'affluence.
Comment rendre la fiche site utile pour planifier une sortie, tout en gardant la réservation comme action principale des étudiants ?
Comment faire de la fiche site une page vitrine, que chaque établissement peut adapter à ses usagers ?
04 — DÉCISIONS CLÉS
Trois découvertes, trois décisions
- AUDIT COMPORTEMENTAL
- Microsoft Clarity
- SONDAGE USAGERS
- 5 047 réponses
- INTERVIEWS
- 3 entretiens
- SONDAGE CLIENTS
- 46 responsables d'établissements
- TEST D'UTILISABILITÉ
- 5 utilisateurs
Les horaires comptaient plus que l'affluence
LA DÉCOUVERTE
54 % des usagers cherchent les horaires : la 2e information la plus recherchée, après la réservation.
Pourtant, ils étaient positionnés sous la ligne de flottaison : seuls 25 % des usagers descendaient jusqu'à eux, d'après notre analyse sur Clarity.
LA DÉCISION
Les horaires du jour remontent sous le header, au-dessus de la ligne de flottaison. L'affluence en temps réel reste visible à tout moment grâce à une réorganisation de la structure de la page.
Les prévisions servaient déjà à planifier, mais étaient mal comprises
LA DÉCOUVERTE
52 % des usagers s'en servaient déjà pour planifier une visite, mais le format n'aidait pas à la décision.
LA DÉCISION
Une vue par créneaux
Pour faciliter la lecture, j'ai choisi de représenter les prévisions sous forme de liste de créneaux empilés verticalement. Bien que le style soit plus sobre, j'ai privilégié la compréhension au style visuel pour cette donnée.
Après un test de compréhension en interne, il y a eu un meilleur taux de réussite sur la lecture d'une valeur lorsque les créneaux de même affluence étaient concaténés.
CONTREPARTIE
Les transitions entre créneaux deviennent floues : à l'heure exacte où un créneau se termine, on ne sait pas si la valeur de prévision concerne le créneau d'avant ou celui d'après. Le risque a été accepté au profit de la lisibilité d'ensemble.
Les établissements voulaient personnaliser leur fiche pour mieux informer
LA DÉCOUVERTE
75 % des établissements publient sur Affluences pour diffuser des informations pratiques personnalisées, plus que pour l'affluence.
LA DÉCISION
Des sections en texte libre, pour laisser les établissements s'exprimer tout en renforçant le SEO.
CONTREPARTIE
Ces sections sont arrivées dans un second temps : il fallait d'abord revoir le portail d'Affluences, où les établissements saisissent leurs contenus. Pour ne pas retarder la sortie de la refonte, l'éditeur en texte libre a été livré dans une V2.
05 — SOLUTION
Pour les usagers : trouver l'essentiel et planifier
Un « live pane » flottant
Il résume la situation de l'établissement : statut d'ouverture, affluence en temps réel (un indicateur repensé pour faciliter sa lecture), prochaines prévisions, et une zone d'action pour acheter un billet ou réserver sa place. Chaque bloc s'affiche selon les données disponibles, sans jamais laisser d'état vide.
Des prévisions en créneaux
Avec une modale pour naviguer jour par jour jusqu'à J+7.
Une barre de navigation « sticky »
Elle remplace au scroll la barre de recherche pour faciliter l'accès aux différentes sections grâce à des boutons d'ancrage.
Pour les établissements : une vitrine qu'ils animent
Pour Affluences : trafic et revenus
La même structure, transposée
Sur les applications mobiles, où la fiche est la plus consultée, la même structure a été transposée : le « live pane » remonte en tête de page, et la modale des prévisions devient un « bottom sheet », conformément aux usages mobiles.
WEB · COLONNE DROITE
APP · SOUS LE HEADER
WEB · MODALE
APP · BOTTOM SHEET
06 — RÉSULTATS
Plus de trafic, de nouveaux revenus
Mesures un an après la mise en production, issues des bilans internes et de Google Analytics.
Augmenter le trafic
+39 % d'impressions Google
+31 % de clics depuis Google
+17 % de visiteurs
Valoriser la donnée d'affluence
- Indicateurs d'affluence toujours visibles sur la fiche site
- Prévisions par créneaux mieux comprises
- Simplification visuelle de tous les indicateurs d'affluence, en accord avec les parties prenantes
“Je préfère largement cette vue par créneaux, elle me permet de mieux me projeter” — Retour utilisateur lors du test d'utilisabilité
Générer des revenus complémentaires
9 521 € de billets vendus via les liens affiliés
800 € de chiffre d'affaires pour Affluences
07 — RETOURS D'EXPÉRIENCE
Apprentissages clés
-
Définir des hypothèses pour guider la recherche et la conception
Formuler nos hypothèses dès le kick-off a cadré la recherche, et permis de confronter nos intuitions aux données. Nous pensions la fiche peu utile pour planifier une sortie : la moitié des usagers s'en servait déjà. Cette hypothèse contredite a réorienté la conception, puisqu'il ne s'agissait plus de mettre en avant les prévisions pour en encourager l'usage, mais de corriger leur format.
-
Recruter au-delà de la cible actuelle
Nos canaux de recherche touchaient surtout les étudiants, alors que la refonte visait d'autres usagers. J'aurais dû prévoir dès le départ un recrutement dédié à ces profils, par exemple via les établissements clients hors bibliothèques ou des tests sur le terrain.
-
Aligner les parties prenantes rapidement
Pour simplifier la représentation de l'indicateur d'affluence, j'ai présenté de nombreuses versions aux parties prenantes. Les confronter plus tôt à leurs avis aurait évité une partie de ces allers-retours, surtout sur un visuel historique de l'entreprise.
CANAL OUVERT

