Le projet en bref
Mon rôle, mes décisions, les résultats
Mon rôle : en 2021, piloter la refonte de xamax.ch, du cadrage à la prise en compte des retours utilisateurs. Le design et le développement sont réalisés par les partenaires ; je coordonne leurs contributions avec celles du club.
Mes décisions : donner la priorité au mobile, simplifier l’accès aux actualités et à la billetterie, remplacer le CMS sur mesure devenu difficile à maintenir et suivre les arbitrages de périmètre et de ressources.
Les résultats : le nouveau site est mis en ligne en novembre 2021. Les relevés historiques montrent une part de billets vendus en ligne passant de 25 % à 50 % (+25 points) et un rebond mobile passant de 52,11 % à 43,34 % (−8,77 points). Les autres indicateurs sont contrastés : ces évolutions ne peuvent pas être attribuées à la seule refonte.
Le point de départ : le site de 2011
J’avais conçu la précédente version avec Noël Jobé au sein d’Option Web, après une mission confiée en 2010 par Pro’Imax. Neuf mois de travail avaient abouti à un CMS sur mesure et à de nouveaux services : live-ticker, statistiques, archives, newsletter et espace supporters. Dix ans plus tard, la maintenabilité et les usages mobiles imposaient un nouveau cadre.
2021
En novembre 2021, le nouveau site xamax.ch a été mis en ligne avec les partenaires du club. J’en ai assuré le pilotage : objectifs, cahier des charges, coordination des agences et suivi des retours utilisateurs. Le mobile représentait environ 70 % de l’audience dans la période étudiée : son usage a guidé les choix de navigation et de contenus.
Évolution des sites de Neuchâtel Xamax
2006 - 2011
2011 - 2021
Site lancé en 2021
Déroulement du projet
Audit
L’audit a croisé retours des supporters, statistiques de consultation, navigation et limites techniques du site de 2011. Les priorités étaient de simplifier l’usage mobile, rendre les contenus plus accessibles et faciliter l’accès à la billetterie et aux offres du club.
Problématique
Après dix ans d’évolutions, le CMS sur mesure était difficile à maintenir. Le parcours mobile et la page d’entrée compliquaient l’accès à l’actualité. L’équipe avait aussi besoin de créer plus facilement des pages de campagne pour les abonnements et les offres commerciales.
Objectifs
Usage mobile
Points de départ du dossier : 58,51 % de l’audience sur mobile et 52,11 % de taux de rebond mobile. L’objectif était de faciliter l’accès aux contenus et aux actions utiles depuis un téléphone.
Accès aux offres
Le dossier indiquait une part de 25 % de billets vendus en ligne. L’objectif était de faciliter l’achat, de rendre la billetterie plus accessible et de mieux exposer les offres de merchandising.
Cahier des charges
Le cahier des charges du site web de Neuchâtel Xamax destinait à guider la rénovation et la modernisation du site web, pour en faire la plateforme principale conduisant vers toutes les plateformes d’achat du club. Le site devait devenir le média de référence pour les fans et les sponsors, et fidéliser davantage les fans en offrant de nouveaux produits et visibilités à nos sponsors.
Le nouveau site devait respecter la charte graphique de Xamax, être personnalisable, avoir des emplacements pour les bannières publicitaires, afficher les logos des sponsors de manière fixe, être disponible en au moins deux langues (FR / ALL) et être accessible à tous, y compris les handicapés et les malvoyants.
Il devait également être rapide, léger, intuitif, attractif, respecter les us et coutumes en termes de navigation et d’emplacement, avec un menu « always on top » ou accessible en tout temps, des liens vers les réseaux sociaux accessibles depuis n’importe quelle page, et ne pas charger les pages avec trop d’informations ou d’éléments.
Le projet a suivi les phases de cadrage, conception des parcours, maquettes, intégration, reprise des contenus et recette. Les partenaires assuraient le design et le développement ; le club pilotait les besoins, les contenus et le plan marketing. La mise en ligne du site complet est intervenue en novembre 2021.
Design
Le design du nouveau site devait respecter la charte graphique de Xamax (rouge, noir et blanc), être customisable en tout temps, avoir des emplacements pour les bannières publicitaires, les logos des sponsors en bas de page de manière fixe, au moins deux langues (FR / ALL) et la possibilité d’en ajouter, pas de splash page comme le site actuel.
Wireframe du microsite abonnement
Les wireframes du microsite abonnement ont servi à valider l’organisation des informations et l’accès aux offres avec notre partenaire.
Wireframe du site web
Pour le site complet, les wireframes ont permis de confronter la navigation aux besoins des supporters et du club. Les échanges avec l’agence ont conduit à plusieurs itérations avant la validation des maquettes.
Maquettes
J’ai participé aux échanges sur les maquettes Adobe XD préparées par le partenaire, proposé les ajustements et vérifié leur cohérence avec les besoins du club et des supporters. La validation en amont permettait de discuter la navigation et la hiérarchie des contenus avant leur intégration.
Gestion de projet
J’ai coordonné les partenaires chargés du design et du développement WordPress, ainsi que les contributeurs internes. Le projet comprenait l’intégration des données SFL et l’adaptation de l’application du club, qui utilisait auparavant des fichiers XML.
Dans un contexte de pandémie, le suivi du périmètre et du planning a nécessité des échanges réguliers à distance et des réajustements. Après la mise en ligne de novembre 2021, les retours ont notamment conduit à mieux signaler les matchs en cours et à simplifier certains accès.
Budget
Le suivi budgétaire portait sur les jours de travail et les ressources mobilisées par les partenaires. Même lorsque la facturation directe est limitée par un partenariat, ces contributions ont une valeur et un coût. Je suivais les besoins, les arbitrages et les écarts avec les intervenants pour garder la maîtrise du périmètre.
Fonctions principales du site
Actualités
La fonction “Actualités” du site xamax.ch permet de rester informé des dernières nouvelles et mises à jour sur le club, les joueurs, les matchs à venir, etc. Les actualités sont régulièrement mises à jour.
Matchcenter
Le Matchcenter est une fonctionnalité essentielle du site. Il se compose de plusieurs sous-fonctions :
- Commentaire en direct (live ticker)
- Informations sur les matches
- Statistiques de la rencontre et des rencontres précédentes
- Formations des équipes
- Calendrier et résultats des matches
- Billetterie
Membres de l’équipe et du staff
La section “Membres de l’équipe et du staff” vous permet de connaître les joueurs et les membres du personnel de Neuchâtel Xamax. Vous pouvez y trouver des informations sur les joueurs, leurs statistiques, leurs performances passées, ainsi que des photos et des profils détaillés. Vous pouvez également y trouver des informations sur les membres du personnel, y compris les entraîneurs, les responsables du marketing, etc.
Classement
La fonctionnalité de classement vous permet de voir où se situe
Neuchâtel Xamax dans le classement de la ligue. Vous pouvez y trouver des informations sur les autres équipes, leurs scores, leur position dans le classement, etc. Cette fonctionnalité permet de suivre la progression de Neuchâtel Xamax tout au long de la saison.
Multiples layout de pages informatives, formulaires, etc
Le site xamax.ch offre également une variété de mises en page pour les pages d’informations, les formulaires, etc. Cela permet une présentation claire et concise de l’information pour les visiteurs du site. Les formulaires peuvent être utilisés pour la soumission de demandes spécifiques, l’inscription pour les événements, la prise de contact avec le club, etc.
KPI
Les rapports comparent le 1er janvier au 30 juin 2022 au 1er janvier au 30 juin 2021. Toutes plateformes confondues, les sessions progressent de 1,04 % et les pages par session de 7,38 %, tandis que les utilisateurs reculent de 5,09 % et la durée moyenne des sessions de 23,2 %.
Sur mobile, les sessions progressent de 14,51 % et les pages par session de 20,5 %. La durée moyenne des sessions baisse de 32,51 %. Les résultats sont donc contrastés. Ces comparaisons ne permettent pas d’attribuer à la seule refonte les évolutions observées : calendrier sportif, contenus et conditions de mesure peuvent aussi intervenir.
Résultats
Audience et rebond sur mobile
Part de l’audience mobile : 58,51 % → 70,92 %, soit +12,41 points et +21,21 % en relatif.
Taux de rebond mobile : 52,11 % → 43,34 %, soit −8,77 points et −16,83 % en relatif. Une baisse du rebond ne signifie pas, à elle seule, que les visiteurs restent plus longtemps.
Part de billets vendus en ligne
25 % → 50 % dans les relevés présentés, soit +25 points ou +100 % en relatif. Cet indicateur mesure la place du canal en ligne dans les ventes de billets. Il complète l’analyse de l’audience et des parcours utilisateurs.
À propos de cette expérience professionnelle
Mon rôle
Relier la stratégie et la réalisation
J’ai défini les besoins et les priorités, rédigé le cahier des charges et coordonné les agences de communication, le développeur et les contributeurs internes. Mon rôle couvrait le suivi du périmètre, les arbitrages, la validation des parcours et la prise en compte des retours utilisateurs.
Le design et le développement ont été réalisés par les partenaires. J’en ai assuré la coordination fonctionnelle, en lien avec la direction du club et les équipes presse, archives et marketing.
Méthodologie
Comment j’ai conduit le projet
- Cadrer : croiser statistiques, retours utilisateurs et contraintes du CMS pour fixer les priorités.
- Coordonner : réunir agences, développeur, presse, archives, marketing et administration autour des livrables et validations.
- Arbitrer : suivre le périmètre, les jours mobilisés et les besoins, y compris les contributions des partenaires.
- Livrer et ajuster : accompagner la reprise des contenus, la recette puis les évolutions issues des retours.
Les livrables comprennent le site et la page de campagne des abonnements. La capacité à vendre davantage d’abonnements était un objectif ; aucun gain chiffré attribuable à cette seule refonte n’est présenté ici.