Refonte du site internet du Lausanne Hockey Club

Ces dernières années, le LHC a connu une transformation profonde : des résultats sportifs qui l'ont installé parmi les clubs de référence en Suisse, une popularité grandissante et une activité commerciale en forte croissance. Profondément ancré à Lausanne et dans le canton de Vaud, le club rassemble une large communauté et un public varié. Le mandat ne consistait donc pas à moderniser un site existant, mais à faire évoluer toute l'expérience digitale du club pour qu'elle soit à la hauteur de cette nouvelle dimension sportive, populaire et économique.

La refonte devait faire du site le point d'entrée central de l'univers digital du LHC. Un travail de réflexion mené avec le club nous a permis de repenser un écosystème composé de nombreux contenus, services et plateformes, afin de mieux les articuler autour des besoins de ses différents publics.

Mais structurer cet écosystème ne suffisait pas. Le site devait aussi transmettre ce qui fait le sport : l'intensité d'un match, l'émotion des images, l'attachement aux joueurs et le rythme d'une saison. Nous souhaitions créer une expérience digitale capable d'informer, mais aussi de prolonger l'expérience du club au-delà de la patinoire.

Le LHC s'adresse à des publics variés : supporters historiques, nouveaux publics, familles, partenaires et entreprises ou encore médias — mais aussi les Lions, les Lionnes et les Lionceaux à travers l'Académie. Le LHC devait ainsi apparaître comme un club et un écosystème, et pas uniquement comme une équipe professionnelle. Leurs attentes diffèrent selon leur relation avec le club et les moments de la saison. Nous avons travaillé avec les membres du LHC pour comprendre ces différents publics, leurs besoins et les moments clés de leur parcours.

De l'avant-match au suivi des résultats, en passant par la découverte des équipes ou l'achat d'un billet, nous avons retracé leurs principaux parcours afin de comprendre quelles informations rendre accessibles, à quel moment et dans quel contexte. Cette réflexion a guidé la structure du site et son articulation avec l'ensemble de l'écosystème digital du LHC, de la billetterie au shop en passant par la Fondation.

Un enjeu s’est donc rapidement imposé : comment donner une vraie place à toutes les équipes du LHC tout en conservant une expérience simple et lisible ?

Chaque équipe possède son effectif, son calendrier, ses résultats et ses statistiques. Nous avons imaginé une structure commune et une navigation permettant de passer facilement d'une équipe à l'autre, tout en conservant les mêmes repères. Chaque équipe trouve ainsi sa place sur le site, tout en conservant une expérience commune à l’ensemble du LHC.

Le hockey, c'est de l'ambiance, de l'émotion : le bruit des patins sur la glace, les supporter·ices, les joueur·euses, la lumière… et toute l'intensité qui accompagne chaque match ! Notre enjeu majeur était donc de retrouver cette énergie électrique dans l'expérience digitale du LHC.

Pour créer un lien entre l'expérience dans la Vaudoise aréna et celle sur le site, nous nous sommes inspirés d'un élément emblématique de la patinoire : le jumbotron. Son univers visuel et ses codes ont notamment inspiré la manière dont les matches et les scores sont présentés sur le site. Les supporter·ices retrouvent ainsi sur leurs écrans un élément familier de l'expérience vécue dans les tribunes de Lausanne.

Et puisque le coeur du LHC, ce sont bien ses matches, la homepage évolue elle aussi les jours de rencontre. Présentation du match, accès à la patinoire, enchères des maillots et programme de match : tout est pensé pour que l'expérience s'aligne avec les besoins des supporter·ices, au moment où ces contenus deviennent pertinents. La page d'accueil vit ainsi au rythme des rencontres et prolonge l'expérience du match jusqu'à leurs écrans.

Au-delà de l'expérience supporter, le site est aussi un levier business pour le club. Contenus, billetterie, merchandising, hospitalité, partenaires et services aux entreprises : le digital devait permettre de mieux connecter ces différents univers entre eux, et faire du site un actif commercial à part entière pour le LHC — pas seulement une vitrine.

Des encarts d'autopromotion permettent au LHC de valoriser ces offres et de soutenir notamment la vente de billets au fil de la saison. La visibilité des partenaires a également été pensée à plusieurs niveaux : les partenaires officiels en pré-footer évoluent en fonction de l'équipe consultée, tandis que des espaces sponsorisés permettent d'associer une marque à des contenus ou emplacements spécifiques, comme le jumbotron ou une actualité.

Le site devient ainsi un espace supplémentaire pour valoriser les offres du club et celles de ses partenaires, tout en les intégrant directement dans l’expérience des supporter·ices.

Les supporter·ices doivent pouvoir suivre le club, où qu'ils/elles soient. Nous avons donc développé une Progressive Web App (PWA), qui combine l'accessibilité du web avec certains usages propres aux applications mobiles. Le site se consulte directement depuis un navigateur, mais peut également être installé sur l'écran d'accueil pour les utilisateur·ices souhaitant garder le LHC à portée de main.

Cette approche permet de proposer une expérience unique, disponible à toutes et tous sans téléchargement, mais proche d'une app native pour les supporter·ices les plus engagé·es. Les notifications permettent également au club de prolonger le lien avec sa communauté et de partager les informations de match ou les actualités au fil de la saison.

Calendriers, classements, statistiques, compositions ou encore scores en direct : une grande partie du site évolue au rythme des données sportives fournies par la SIHF, la fédération suisse de hockey sur glace.

Pour intégrer ces données et les exploiter à travers le site, nous avons développé notre propre SDK. Il permet de centraliser les différents flux et de les rendre facilement utilisables par les différentes fonctionnalités de la plateforme.

Le site peut ainsi évoluer au rythme de la saison et des matchs, et permettre aux supporter·ices de retrouver les informations de leurs équipes avant, pendant et après chaque rencontre.

Pour suivre un match en direct, le site doit pouvoir réagir presque instantanément. Nous avons donc conçu une architecture événementielle : lorsqu'un événement de match est transmis par la SIHF (le coup d’envoi, un but, une pénalité ou encore la fin du match), les contenus concernés sont automatiquement mis à jour et, lorsque nécessaire, une notification est envoyée aux supporter·ices. Le site évolue ainsi en temps réel, au rythme de ce qui se passe sur la glace.

Pour nous assurer que le site reste performant lors des moments de forte affluence, nous avons réalisé des tests de charge reproduisant les conditions réelles d'une soirée de match, jusqu'à 6 000 sessions par heure.

Même lors des pics de trafic et des mises à jour en direct, le taux de succès du cache reste supérieur à 95 %, avec un temps de réponse serveur inférieur à 20 ms en p95 et aucune requête en échec.