Contexte
Le 10km17eme concentre des usages critiques avant course: inscription, règlement, parcours et résultats, avec des pics de consultation proches de la date événement.
Projet
10km 17ème
Année · 2025Événement sportif
Technos
En bref
UI brutaliste lisible et mémorableParcours participant mieux guidé
UI/UX
Design system
GPX
Running
Événementiel
Gestion de projet
Rôle
Direction UI/UX et pilotage delivery pour prioriser les parcours critiques (inscription, règlement, parcours, résultats) et fiabiliser chaque itération avant événement.
Le terrain
Mission
Transformer une navigation dense en parcours décisionnel direct, sans perdre l'identité running brutaliste de la marque.
Livraison
Direction UI/UX, cadrage des priorités de contenus et orchestration continue des itérations via ClickUp.
L'enjeu
Rendre immédiatement lisible un volume dense de contenus événementiels (épreuve, infos pratiques, règlement, partenaires, résultats) sur mobile comme desktop, sans perdre l’intensité visuelle d’une marque running.
Navigation plus claire, meilleurs parcours d’accès aux pages clés (inscription, règlement, parcours, résultats) et itérations design-développement synchronisées dans ClickUp.
Le parti pris n’était pas de lisser l’interface, mais d’assumer un brutalisme utile: impact immédiat, codes visuels sans détour et signal fort sur les actions clés. Le storytelling transforme l’énergie de la course en décisions rapides, sans perdre la lisibilité opérationnelle attendue par les coureurs.
Contrainte métier
À compléter — budget, délais, conformité ou capacité équipe.
Frictions utilisateurs
À compléter — friction parcours, lisibilité, confiance.
Tension produit
À compléter — priorisation, dette technique, mesure.
Le parti pris
Le défi
Un site de 10 km concentre des contenus très variés (programme, règlement, infos logistiques, clubs, résultats, photos). Sans architecture UI rigoureuse, la navigation se fragmente et les utilisateurs perdent du temps sur les actions essentielles.
La réponse
Conception d’une UI brutaliste sur mesure: grille franche, blocs compacts, CTA carrés et contrastes durs pour prioriser l’information sans décor superflu. Le duo typographique Anton (Hn) / Space Grotesk (P) structure la lecture entre impact et clarté. Les cycles de wireframes, arbitrages UI et validation fonctionnelle sont pilotés dans ClickUp, avec intégration GPX dans les zones de parcours les plus consultées.
Ce que ça change
Les coureurs accèdent plus vite aux informations décisives (inscription, parcours, règlement, résultats) et l’équipe dispose d’un socle UI réutilisable pour les prochaines éditions, sans reconstruire le site à chaque campagne.
Chiffres et écrans
Les chiffres qui comptent
Performance technique
+20 pts
Progression mesurée de 79% à 99% sur cet indicateur.
Avant79%
Après99%
Accessibilité
+20 pts
Progression mesurée de 80% à 100% sur cet indicateur.
Avant80%
Après100%
Qualité technique
+19 pts
Progression mesurée de 77% à 96% sur cet indicateur.
Avant77%
Après96%
Performance globale
98%
SCORE /100
Excellent
Moyenne des indicateurs apres optimisation
Impact et résultats
- UI brutaliste lisible et mémorable. Direction visuelle tranchée (blocs, contrastes, CTA carrés) qui accélère l’accès aux contenus critiques tout en renforçant l’identité running.
- Parcours participant mieux guidé. CTA carrés, contraste fort et séquencement des sections pour transformer la navigation en actions concrètes.
- Pilotage UI/UX continu. ClickUp cadence les retours, arbitrages et livraisons UI pendant que l’intégration GPX alimente la dimension terrain des parcours.
Avant / après : le contraste
Le comparatif montre le passage d'une interface dense à une lecture orientée action: inscription, règlement et parcours deviennent immédiatement identifiables.
- Zones prioritaires re-hiérarchisées pour raccourcir le temps de décision avant course.
- Contrastes et repères visuels renforcés pour améliorer la lisibilité mobile.
- Rythme de section clarifié pour réduire la fatigue cognitive sur les pages d'information denses.
Sous le capot
Process & réutilisabilité
Sur 10km17eme, l'approche est construite pour absorber la pression calendrier sans sacrifier la clarté des parcours critiques (inscription, règlement, parcours, résultats).
Pilotage sous contrainte événementielle
Décider vite, publier juste
La cadence hebdomadaire est organisée autour du risque utilisateur et non du confort de production.
- Revue hebdomadaire des points de friction sur les parcours course à fort trafic.
- Priorisation des livrables selon impact direct sur conversion et information terrain.
- Arbitrage continu design/produit dans ClickUp avec traçabilité des décisions critiques.
Gabarits réutilisables campagne
Répéter sans reconstruire
Les blocs ne sont pas redessinés à chaque édition: ils évoluent via un noyau d'interface commun.
- Templates de sections événementielles standardisés pour les mises à jour saisonnières.
- Règles de hiérarchie typographique réappliquées sur toutes les pages stratégiques.
- Structure de contenu pensée pour intégrer rapidement partenaires, infos pratiques et résultats.
Contrôle qualité en flux
Fiabilité avant pic
La qualité est vérifiée en continu pour éviter les corrections tardives avant les fenêtres de charge.
- Recettes fonctionnelles focalisées sur le tunnel inscription et les entrées résultats.
- Validation de lisibilité mobile systématique sur les zones les plus consultées.
- Boucle de retour post-release pour ajuster immédiatement les priorités du sprint suivant.
Aperçu du site en ligne
La suite
Enseignements projet
- Quand la fenêtre d'inscription est courte, la hiérarchie de contenu vaut plus qu'une surcharge d'effets.
- La cohérence des composants réduit les retouches de dernière minute avant événement.
- Un pilotage outillé des arbitrages limite les frictions entre urgence opérationnelle et qualité UX.
Prochaines étapes recommandées
- Instrumenter précisément les étapes du tunnel d'inscription pour détecter les pertes avant pic de trafic.
- Préparer un kit de pages campagne réutilisable pour les prochaines éditions.
- Ajouter des tests utilisateurs rapides pré-course sur mobile pour sécuriser les parcours critiques.