Contexte
10km17eme concentrates high-intent race usage: registration, rules, routes and results, often under short event timelines.
Projet
10km 17eme
Année · 2025Sports event
Technos
En bref
Brutalist UI with strong readabilityBetter-guided runner journey
UI/UX
Design system
GPX
Running
Event
Project management
Rôle
UI/UX direction and delivery steering focused on critical race journeys (registration, rules, routes, results) under event constraints.
Le terrain
Mission
Turn dense event content into direct decision pathways while preserving a strong brutalist running identity.
Livraison
UI/UX direction, content-priority framing and continuous iteration orchestration through ClickUp.
L'enjeu
Make dense event information instantly readable across mobile and desktop (race details, practical info, rules, partners, results) without losing a strong running identity.
Clearer navigation to high-intent pages (registration, rules, routes, results) and UI/design iterations coordinated in ClickUp for consistent releases.
The goal was not to smooth everything out, but to use purposeful brutalism: immediate impact, explicit visual codes and strong emphasis on key actions. The storytelling translates race energy into faster decisions while preserving operational clarity for participants.
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
The challenge
A 10K event site combines many content types: race pages, rules, practical details, company clubs, results and media. Without strict UI structure, users lose orientation and abandon key actions.
The response
The bespoke brutalist interface uses explicit layout rules: compact blocks, square CTAs, sharp contrast and minimal decorative noise to prioritise task-critical content. The Anton (Hn) / Space Grotesk (P) pairing balances impact and readability. UI wireframes, refinements and validation cycles were tracked in ClickUp, with GPX route access integrated into high-intent touchpoints.
What changed
Participants reach decisive pages faster (registration, routes, rules, results) with less interface friction. Organisers keep a manageable editorial back office and a reusable UI baseline for future editions.
Chiffres et écrans
Les chiffres qui comptent
Technical performance
+20 pts
Measured progression from 79% to 99% on this indicator.
Avant79%
Après99%
Accessibility
+20 pts
Measured progression from 80% to 100% on this indicator.
Avant80%
Après100%
Technical quality
+19 pts
Measured progression from 77% to 96% on this indicator.
Avant77%
Après96%
Performance globale
98%
SCORE /100
Excellent
Moyenne des indicateurs apres optimisation
Impact et résultats
- Brutalist UI with strong readability. Hard-edged visual hierarchy and square interaction patterns improve scan speed and reinforce race identity without harming clarity.
- Better-guided runner journey. Square CTAs, strong contrast and section sequencing turn exploratory browsing into concrete participant actions.
- Continuous UI/UX steering. ClickUp paces feedback, trade-offs and UI releases while GPX integration anchors the route experience in real event usage.
Avant / après : le contraste
The comparison highlights the shift from a dense interface to action-first reading where registration, rules and route access are immediately visible.
- Priority zones are re-ranked to reduce pre-race decision time.
- Contrast and visual cues are strengthened for mobile readability.
- Section pacing is clarified to reduce cognitive load on dense information pages.
Sous le capot
Process & réutilisabilité
10km17eme runs a pressure-tested process designed for event timelines: protect critical journeys first, then scale reusable campaign mechanics without losing UX clarity.
Event-constrained steering
Decide fast, ship right
Weekly cadence is organized around user risk, not production comfort.
- Critical friction points are reviewed weekly across registration, rules, route and results.
- Backlog is prioritized by direct impact on conversion and race-day information reliability.
- Design/product trade-offs are tracked continuously in ClickUp with explicit rationale.
Reusable campaign templates
Repeat without rebuilding
Core blocks are evolved through one shared UI baseline instead of per-edition redesigns.
- Event-section templates are standardized for seasonal update speed.
- Typography hierarchy rules are reapplied consistently on high-intent pages.
- Content structure is prepared for rapid partner, logistics and results integration.
In-flow quality control
Reliability before peaks
Quality checks are continuous to avoid late fixes right before heavy traffic windows.
- Functional acceptance focuses on registration funnel and results entry points.
- Mobile readability is validated systematically on the most consulted zones.
- Post-release feedback immediately updates the next sprint priorities.
Aperçu du site en ligne
La suite
Project learnings
- When registration windows are short, content hierarchy beats visual overload.
- Consistent components reduce last-minute rework before event deadlines.
- Tool-supported arbitration keeps operational urgency and UX quality aligned.
Recommended next steps
- Instrument each registration step to detect drop-offs before traffic peaks.
- Prepare a reusable campaign page kit for upcoming race editions.
- Run rapid pre-race mobile user checks on critical journeys.