01
Identité & invitation
Le projet part d’une identité visuelle complète — logo, univers graphique — déclinée sur une invitation physique. Le recto annonce l’événement ; le verso oriente vers le site via un QR code, premier pas du parcours numérique.
02
Site d’invitation
Une machine à états pilote la séquence d’entrée jusqu’à un terminal personnalisé, avant d’enchaîner sur la présentation et le formulaire d’inscription des coureurs. Le parcours démarre au QR code de l’invitation et reprend l’identité graphique du projet jusque dans l’interface.
03
Suivi live
Chaque position GPS part de Traccar Client sur le téléphone du coureur et atteint un endpoint webhook qui authentifie puis valide la charge avant de l’écrire dans un stockage local ; une API de télémétrie interne alimente un dashboard MapLibre rafraîchi par sondage régulier.
- Détection automatique d’abandon en cas de perte de signal, avec reprise et contrôle manuel possible
- Testé de bout en bout (authentification, validation, réception et affichage d’une position GPS réelle) et sur le terrain avec un appareil GPS réel avant l’événement
04
Trailer
Le trailer officiel a été généré comme une expérience web animée plutôt que monté traditionnellement : une carte MapLibre est pilotée puis capturée via Playwright en navigateur headless, avant un encodage final avec ffmpeg.
05
Terrain & supports
L’identité du projet se retrouve sur les supports physiques de l’événement, ici le t-shirt porté par les coureurs.
06
Jeux intermédiaires
Au-delà de la course, un dispositif de jeu additionnel propose des missions individuelles et des dynamiques collectives entre coureurs, pensé pour créer de la narration et de la coopération sans jamais prendre le pas sur l’épreuve sportive. Sécurité, consentement des participants et priorité absolue à la course structurent chaque règle ; missions, protocoles et documents organisateur restent privés.
07
Sous le capot, validation et limites
Le suivi live, le site et le trailer partagent la même identité et la même cartographie plutôt que trois traitements séparés. Le système est construit et testé : authentification, validation et réception d’une position GPS réelle sont couvertes par un test de bout en bout automatisé, complété par un test terrain avec un appareil réel avant l’événement.
- Stockage JSON local plutôt qu’une base de données, suffisant à l’échelle d’un groupe de coureurs
- Sondage régulier plutôt qu’une infrastructure temps réel, une complexité proportionnée à la taille de la course
- Dashboard et stockage restent locaux : un tunnel ngrok n’expose que le point d’entrée nécessaire à la réception des positions GPS, pas l’interface complète de suivi — pas d’infrastructure publique permanente à maintenir
- Site d’invitation et générateur de trailer sans couverture de tests automatisés, contrairement au suivi live