Design-system
6 Amélioration de la page « Galerie » – approche UX (guide opérationnel)
1. Pourquoi une galerie (et pourquoi pas toujours)
En général, nous évitons la page « Galerie » lorsque :
– les images ne racontent rien sans texte
– le projet se comprend mieux avec quelques images intégrées directement dans les pages
– le public est principalement client / acheteur de services
Dans ces cas-là, une galerie :
– disperse l’attention
– ralentit la prise de décision
– devient décorative
Pour Marguerite à bicyclette, la galerie est au contraire pertinente et stratégique :
le projet est visuel, vivant, et se déploie dans l’espace public. L’image devient alors une preuve, pas un ornement.
2. À qui s’adresse la galerie (à garder en tête)
Avant de construire la page, identifier le regard principal :
– diffuseurs / programmateurs → scroll rapide, peu de lecture
– villes / institutions → cohérence, sérieux, logistique visible
– public curieux → énergie, émotion, projection
La galerie doit fonctionner sans explication longue.
3. Principe UX central
Une galerie efficace = une histoire claire.
Conséquence :
On structure la page par intention, et non par esthétique ou par hasard.
4. Structure recommandée de la page Galerie
Intro (1 phrase maximum)
Présenter ce que l’on va voir, sans contextualiser davantage.
Exemple :
Images de nos spectacles, de nos tournées à vélo et de nos moments de création dans l’espace public.
Section 1 — Spectacles en espace public
Objectif UX :
Prouver que le spectacle fonctionne devant un public réel.
À montrer :
– scènes jouées
– public visible (enfants, familles, passants)
– énergie, mouvement, interaction
À vérifier (to-do) :
– photos prises en situation réelle
– pas de répétitions ou poses artificielles
– cohérence visuelle entre les images
Section 2 — Tournées à vélo
Objectif UX :
Rendre visible la singularité du projet.
À montrer :
– vélos chargés
– remorques
– déplacements
– ville, routes, quartiers
À vérifier (to-do) :
– images lisibles, compréhensibles sans texte
– présence du vélo comme élément central
– continuité visuelle avec l’identité du projet
Section 3 — Coulisses & création
Objectif UX :
Humaniser le projet et renforcer la crédibilité.
À montrer :
– montage
– préparation
– répétitions
– fabrication / construction
À vérifier (to-do) :
– images authentiques
– pas trop techniques
– impression de sérieux et d’engagement
5. Quantité et rythme visuel
– 8 à 12 images maximum par section
– images grandes, aérées
– pas de texte sous chaque image
– une seule phrase d’introduction par section (optionnelle)
6. Ordre des sections
Toujours du plus public au plus intime :
Spectacles
Tournées
Coulisses
7. Ce que la galerie ne doit pas faire
– expliquer les spectacles (rôle de la page Spectacles)
– vendre ou convaincre par le texte
– être exhaustive
La galerie doit :
Donner confiance, donner envie, permettre de se projeter.
8. Résultat attendu
Une page :
– rapide à parcourir
– compréhensible sans lire
– cohérente avec le projet
– qui prépare naturellement la prise de contact