FST26 - site web de la Finale Suisse des Tests 2026
Client : FSG Chernex
Description du projet : Site web de la Finale Suisse des Tests 2026 (gymnastique rythmique), organisée à Montreux les 7 et 8 novembre 2026
Date : 25 septembre 2026
Projet :
La FSG Chernex organise la Finale Suisse des Tests 2026. Le comité m’a demandé une nouvelle section sur leur site avec les horaires, les listes de passage, les infos pratiques et, plus tard, les photos et les résultats. Je suis parti de leur message et des PDF qu’ils m’ont envoyés, et c’est rapidement devenu un petit site à part entière.
Voici l’adresse : https://fst26.fsgchernex.ch/
La capture ci-dessus montre la page d’accueil pendant l’événement. La carte “En direct” est simulée : j’ai prévu un petit paramètre de test pour prévisualiser le jour J.
Ce que fait le site :
- Horaires en direct : le programme indique ce qui se passe en ce moment et ce qui suit, jour par jour. Tout est calculé dans le navigateur, pas besoin de serveur.
- Trouver mon passage : avec 144 gymnastes répartis sur 7 blocs, parents et coachs veulent surtout savoir une chose : “elle passe à quelle heure ?”. Une recherche dans l’ordre de passage répond à ça en deux clics. Les données viennent du PDF officiel, que je convertis avec un petit script Python.
- Section infos : mot de bienvenue, menu de la cantine, comité d’organisation et livret de fête dès qu’il sera validé par la FSG.
- 4 langues : français, allemand, italien et anglais. La langue est détectée d’après le navigateur et le choix est mémorisé.
- Fonctionne hors connexion : après une première visite, le site reste utilisable dans la salle, où le réseau mobile est souvent faible (grâce à un service worker).
- Thème clair et sombre, et un design pensé d’abord pour le téléphone, parce que c’est ce que les gens utiliseront le jour J.
Dans les coulisses :
Je voulais un site simple à faire vivre par des personnes qui ne sont pas du métier. J’ai donc choisi un site statique Hugo : rapide, peu coûteux à héberger et avec très peu de choses qui peuvent casser. Le contenu est dans de petits fichiers de données (horaires, menu, résultats, comité) que le comité peut modifier via PagesCMS, sans toucher au code. Chaque modification crée un commit et GitHub Actions construit et déploie automatiquement le site sur l’hébergement Infomaniak du club. La recherche est gérée par Pagefind et les fichiers statiques sont livrés avec des en-têtes de sécurité et des règles de cache.
Je me suis aussi soucié du poids : les pages sont légères et le site affiche son empreinte carbone en bas de page, comme sur ce site.
Petit détail dont je suis assez fier : la gymnaste animée qui dessine des rubans dans le hero. C’est une petite touche, mais elle donne de la personnalité au site. 😉
Les traductions DE/IT/EN du mot de bienvenue doivent encore être relues par des locuteurs natifs avant l’événement.
Enjoy ! 😎
