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
FICHE SITE — APPLICATION MOBILE · PROTOTYPE01 / 02
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 COMMEUn outil de consultation d'affluence et de réservation
→
POURRAIT FONCTIONNER COMMEUne page de destination complèteUTILE POUR LE VISITEURCONVAINCANTE 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
01
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…
7HYPOTHÈSES
02
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).
5047RÉPONSES
03
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.
46RÉPONSES
04
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”. »
5INTERVIEWS
05 — DÉCISIONS CLÉS
Cinq arbitrages, tranchés par la donnée et les possibilités techniques
01
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.
02
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.
03
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.
04
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.
05
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
APRÈS
AVANT
APRÈS
HAUTBAS
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.
Ouvert - Ferme à 18:00
Ouvert - Ferme à 22:00
Ouvert 24h/24
En temps réel
30mind’attente
50%d’occupation
AffluenceModérée
Une erreur de réseau internet nous empêche d’afficher en temps réel l’affluence dans les halles.
Prévisions
13:00–14:0015 min
21:00–22:0010%
14:00–15:0045 min
15:00–16:0060 min
Voir toutes les prévisions
Acheter un billet
Réserver
Suggérer une modification
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.
WEB · COLONNE DROITE
→
APP · SOUS LE HEADER
Le live pane passe en tête de pageLa 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.
WEB · MODALE
→
APP · BOTTOM SHEET
La modale des prévisions devient un bottom sheetUn 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.
OBJECTIFRÉSULTATFIABILITÉ DE LA MESURE
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 / 2leads 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
01
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.
02
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.