Guyane CUP est un tournoi de volley-ball organisé en Guyane : seize équipes, trois jours de compétition et deux salles, à Cayenne et à Kourou. L’organisation avait besoin d’un site événementiel livré en urgence, capable de présenter le programme, de vendre les billets en ligne et surtout de publier les scores et les classements en direct, mis à jour par des bénévoles sans compétence technique. J’ai conçu le parcours complet et livré une maquette navigable de 18 pages, en version mobile et ordinateur.
Le parti pris de conception
Une identité sportive et tropicale inspirée des couleurs de la Guyane — vert forêt, jaune soleil et étoile rouge sur fond nuit —, avec des titres condensés et des scores en très grands chiffres, lisibles en tribune depuis un téléphone.
Deuxième parti pris : les règles du volley-ball sont intégrées dès la maquette. Les matchs se jouent en trois sets gagnants avec le détail de chaque set. Le classement des poules applique le barème FFVB (3, 2, 1 ou 0 point) et départage les égalités au ratio de sets puis de points. Côté organisation, la saisie du score se fait au bord du terrain sur smartphone, set par set, et le classement se recalcule à la validation.
Livré
- Site public : accueil avec compte à rebours, programme et lieux, actualités, partenaires, contact et infos pratiques
- Équipes et fiche équipe avec effectif, résultats et statistiques
- Calendrier des matchs filtrable par jour, salle, poule et catégorie
- Résultats et classements des poules recalculés automatiquement, avec l’arbre des phases finales
- Billetterie intégrée à HelloAsso (pass journée, pass tournoi, tarifs réduits) et billet électronique à QR code
- Mode stade pour écran géant : classements, score en direct et prochain match
- Espace organisation : tableau de bord, saisie du score sur mobile, gestion des matchs avec génération automatique des rencontres de poule, gestion des équipes et des actualités
Technologies utilisées
- Vue 3 en application monopage, Vue Router, 18 pages avec des adresses propres
- Affichage adapté automatiquement au téléphone et à l’ordinateur, avec une variante dédiée par format
- Tailwind CSS avec un système de design dédié (typographies Anton et Inter)
- Conception assistée par IA des écrans, puis conversion automatisée en composants Vue
- Architecture cible en production : WordPress avec une extension de gestion de tournoi, billetterie HelloAsso
- Hébergement Apache / Virtualmin, HTTPS
