Aller au contenu
Site événementiel2026
Étude de cas

Grand Trail de Serre-Ponçon

Cinq courses, un village sur trois jours, un programme bénévoles et une trentaine de partenaires sur un seul site. Chaque course se vend maintenant sur une page unique, lisible sur un téléphone la semaine du départ.

Site webUX / UIStructure éditoriale
ClientGrand Trail de Serre-Ponçon
Année2026
RôleDesign + développement
Durée5 semaines
Grand Trail de Serre-Ponçon — la page du 100 km, en entier
Grand Trail de Serre-Ponçon — la page du 100 km, en entier

La page du 100 km, de haut en bas : le template des cinq distances — chiffres, profil, ravitaillements, règlement, tracé et matériel obligatoire.

Détails du projet
TypeSite événementiel
SecteurTrail · événement sportif
ClientGrand Trail de Serre-Ponçon, Embrun (FR)
RôleDesign, UI et frontend
Année2026
Durée5 semaines
StatutEn ligne — édition 18/20 septembre 2026
LivrablesTemplate de course ×5, village, bénévoles, FAQ, partenaires
Polices
AmbitInter
Couleurs
Réalisé avec
FigmaNuxtTypeScriptTailwind CSSChatGPT

Les typographies et la stack sont ma meilleure lecture du site et doivent être confirmées par l’organisation avant publication de cette page.

Voir le site
Le besoin

Un coureur veut une page, pas un dossier PDF.

L’événement compte cinq distances, trois jours d’animations et une centaine de bénévoles — le tout vivait dans des PDF et des actualités. Les coureurs posaient les mêmes quatre questions chaque semaine : barrières horaires, ravitaillements, matériel obligatoire, lieu de départ. Les bénévoles n’avaient aucune page, et le programme du village était une affiche. L’inscription était un lien en bas de tout.

Ce que j’ai fait

Structure

Quatre pistes au lieu d’un fil d’actualités : les courses, les infos pratiques, le village, les bénévoles. L’inscription est la seule action répétée, présente dans l’en-tête de chaque page.

Template de course

Une page par distance, dans l’ordre où un coureur la lit : distance, dénivelé et barrière en trois chiffres, le profil, les ravitaillements, assistance et règlement, infos pratiques, le tracé avec le GPX et le road book, puis le matériel obligatoire en grille à cocher.

Bénévoles

La section bénévoles est un sélecteur, pas un formulaire : cinq missions à gauche, chacune avec le rôle, les raisons de nous rejoindre et le profil recherché — on se choisit avant de s’inscrire.

Village

Le village a sa page : animations, bar et food trucks, liste des marques et concerts gratuits, avec les horaires jour par jour en pastilles plutôt qu’en paragraphe.

Design

Fond crème, titres noirs, un orange réservé aux actions et un menthe gardé pour les chiffres. La photo de montagne passe plein cadre ; tout ce qu’un coureur doit vérifier — matériel, horaires, ravitaillements — reste en texte simple dans des cartes blanches.

Ce qui a été livré

4 captures
Grand Trail — la page d’accueil, en entier
La page d’accueil, en entier : l’édition, les concerts, le village, les cinq formats, la FAQ et les partenaires.

Ce que ça change

5pages de course issues d’un seul template — 100, 60, 30, 15 km et kids
5missions bénévoles, chacune choisie avant l’inscription
0PDF à ouvrir avant le départ
L’étape suivante

Un événement où les mêmes questions reviennent par mail chaque semaine ? Je transforme le dossier en pages lisibles sur un téléphone.

Audit UX / UI · 690 $ fixe · 5–7 jours
Parler d’un projet similaire