Site vitrine club sportif

Échiquier Martinerois

Le site d'un club d'échecs qui ne se contente pas de se présenter : il permet à chacun de rejouer et comprendre ses parties, comme avec un vrai coach, gratuitement et sans rien installer.

Échiquier Martinerois

Technologies

  • Next.js
  • Tailwind CSS
  • Sanity CMS
  • Stockfish
  • Framer Motion
Visiter le site
Étape 1

Le projet

Échiquier Martinerois est le nouveau site du club d'échecs de Saint-Martin-d'Hères. Le site devait avant tout donner envie de pousser la porte du club : présenter les cours, les tournois, la communauté... bref, donner envie. Mais il fallait aussi un vrai élément distinctif : la possibilité d'analyser ses parties en ligne, comme le ferait un moteur d'échecs, sans que le club n'ait à payer le moindre serveur pour ça. Le site s'appuie sur un CMS Sanity pour que le club garde la main sur son contenu, et embarque directement dans le navigateur des visiteurs un vrai moteur d'analyse (Stockfish).

Étape 2

Contexte

Le club d'échecs Échiquier Martinerois, à Saint-Martin-d'Hères, réunit des joueurs de tous âges et de tous niveaux, de Grenoble et de ses environs. Il ne lui manquait plus qu'une vitrine à la hauteur de cette communauté, pour remplacer l'ancien site conçu sur Blogspot, devenu inutile, peu référencé et au design vieillot. Le site devait aussi pouvoir être géré facilement par le président et le trésorier du club, sans compétences techniques particulières. Un projet qui me tenait particulièrement à cœur, puisque je joue moi aussi des échecs.

Étape 3

Mission et objectifs

Le projet reposait sur quatre objectifs. D'abord, un meilleur référencement (SEO), pour que le club soit vraiment visible sur les moteurs de recherche, contrairement à l'ancien site, resté quasiment invisible. Ensuite, une direction artistique avec un design moderne qui donne réellement envie de pousser la porte (inspirée de la série Le Jeu de la Dame). Il fallait aussi offrir au président et au trésorier un moyen simple de modifier eux-mêmes les informations du site, sans dépendre d'un développeur pour la moindre mise à jour. Enfin, une partie blog et ateliers pensée pour être vraiment utile et convaincante.

Étape 4

Contraintes

Faire tourner un moteur d'échecs professionnel dans le navigateur, sans aucun serveur, n'est pas simple. Il faut activer des réglages de sécurité avancés pour que le moteur calcule plus vite. Peu de sites vitrines osent mettre en place une configuration aussi pointue.

Étape 5

Résultats

Le club dispose désormais d'un site qu'il peut faire vivre seul, et d'un outil d'analyse de parties que beaucoup de clubs bien plus grands n'ont pas. Une vitrine à la hauteur de sa communauté, à Saint-Martin-d'Hères comme à Grenoble, portée par un meilleur référencement. Cerise sur le gâteau : le site attire aujourd'hui davantage de nouveaux visiteurs.

Ce qui a changé

Deux clichés d'un même projet : le point de départ, et ce qu'il est devenu une fois la vision cliente concrétisée.

Le point de départ

Avant

  • Un ancien site sur Blogspot, peu référencé et au design vieillot.
  • Un site sans réelle utilité et impossible à faire évoluer.
  • Aucun moyen d'analyser ses parties d'échecs sans installer un logiciel dédié.
  • Une communication limitée aux réseaux sociaux, sans espace propre au club pour les articles et les ateliers.
La vision concrétisée

Après

  • Un site moderne et bien référencé, à la direction artistique soignée, inspirée du Jeu de la Dame.
  • Un CMS Sanity qui permet au président et au trésorier de gérer le contenu seuls, sans compétences techniques.
  • Un moteur d'analyse professionnel (Stockfish) gartuit directement dans le navigateur.
  • Une partie blog et ateliers pensée pour être vraiment utile aux membres du club.

Images du projet

Le résultat final du projet, présenté sous différents angles : interfaces, pages clés et détails qui font la différence au quotidien.

Échiquier Martinerois
Échiquier Martinerois
Échiquier Martinerois
Échiquier Martinerois
Échiquier Martinerois