HC Sprimont
Un club de handball fondé en 1988, champion de D1 nationale en 2026. Un site à sa mesure, que ses bénévoles tiennent sans nous.
Le projet
Le contexte
Quatorze équipes, du baby hand aux équipes premières. Les Hommes montent en Super Handball League. Le site, lui, n'avait pas suivi : le club voulait une vitrine à la hauteur et un outil que ses bénévoles tiennent seuls.
- Expertise
- Site internet sur mesure
- Année
- 2026
- Rôle
- Direction artistique et développement
- Secteur
- Sport, club de handball
- Autonomie
- Matchs, actualités et menus
- Hébergement
- Laravel Forge
- En ligne
- hcsprimont.be
- La pile technique
-
- Laravel
- Statamic
- Livewire
- Tailwind CSS
- Alpine.js
- GSAP
- 3 semaines du premier commit au site complet
- 5 jours avant la première publication
- 240 matchs, chacun avec sa page
- 35 partenaires en vitrine
-
L'accueil Le prochain match et son compte à rebours dès l'ouverture. -
Les entraînements Une semaine type à filtrer : 15 groupes, 24 séances. -
Le calendrier Le week-end du club ou la saison d'une équipe, à ajouter à son agenda. -
Les partenaires 35 entreprises en vitrine, chacune avec son activité. -
Le contact Un parcours en trois étapes, adapté à chaque demande. -
La page introuvable Une page qui cherche à la place du visiteur.
Sur téléphone
- Avant
- Le menu sortait de l'écran. Le tableau des entraînements se lisait à la loupe.
- Après
- Chaque page est dessinée pour le téléphone d'abord : c'est là que les parents vérifient l'heure du match.
Un match saisi une fois.
Le calendrier, les résultats, la page de l'équipe, le compte à rebours et l'agenda en naissent.
Un panneau qu'ils tiennent sans nous.
233 champs expliqués dans la langue du club. Un article se programme et un lien dangereux est refusé avec une explication.
-
Le panneau d'administration
Pensé pour celles et ceux qui font le club.
Les titres du palmarès pendent comme les bannières du hall. Chaque joueur des équipes premières a sa page et son interview vidéo.
-
Le palmarès -
L'organigramme -
Les joueurs -
Les équipes
Un chantier vérifié à chaque étape.
Le code vit sur GitHub. Le site est déployé par Laravel Forge.
- 231 commits en trois semaines
- 119 tests automatisés
- 11 collections de contenu
- 233 consignes dans le panneau
Le design system
01 / 04
-
La charte -
Typographie et couleurs -
La présentation -
Le système en une planche
Vidéo de présentation
La construction du site, de l'ancien site jusqu'à sa version en ligne.
01:24 10 chapitres
Au programme
- Le brief
- Le défi
- Le panneau
- La charte
- Les outils
- Le chantier
- Les entraînements
- La compétition
- Le club raconte
- Les partenaires
