Baptiste.

UX Research · UI Design · Développement

ClubCyclistedeJard-sur-Mer

RôleUX/UI Designer & Dev Frontend
Durée3 mois
Année2026
Next.jsTypeScriptFigmaUX ResearchAccessibilité

01 — Contexte

Contexte

Le Club Cycliste de Jard-sur-Mer disposait d'un site web vieillissant, non responsive et peu intuitif. Ce canal numérique, censé attirer de nouveaux adhérents et faciliter la vie des membres, était devenu un frein : navigation confuse, aucune adaptation mobile, et une section blog externalisée sur un outil tiers que le club ne maîtrisait plus. Le tout pour un public majoritairement senior, peu à l'aise avec des interfaces complexes.

02 — Problématique

Comment concevoir un site web accessible et intuitif pour un public senior, capable d'accueillir de nouveaux adhérents tout en simplifiant le quotidien des membres existants, et en réintégrant la gestion du blog directement dans l'outil ?

03 — Process

01. Recherche02. Conception03. Développement & test

04 — Stack

Réalisations techniques

React + TypeScript

Architecture composants réutilisables avec typage strict, pensée pour qu'un non-développeur puisse maintenir le contenu via une interface simple.

Figma

Maquettes haute fidélité avec composants accessibles. Présentées directement au CA pour validation collaborative avant développement.

Accessibilité WCAG

Contrastes AA respectés, taille de texte minimum 16px, navigation clavier, zones interactives élargies, conçu pour un public senior.

CMS Blog intégré

Système de publication de contenu natif au site, mettant fin à l'externalisation blog et redonnant au club l'autonomie éditoriale complète.

05 — Résultats

Résultats

  • Parcours d'adhésion réduit de 7 à 3 étapes
  • Blog internalisé : publication autonome sans prestataire
  • Validé par le CA sans itération majeure

Visuels

Aperçu du projet

06 — Apprentissages

Ce que j'ai appris

Ce projet m'a confirmé que designer pour un public non-technicien est un exercice de contrainte créative précieux. Chaque décision UX devait être justifiable en termes d'usage réel, pas de tendance visuelle. La présentation au CA m'a aussi appris à défendre mes choix design face à des interlocuteurs non-designers, en argumentant avec les insights utilisateurs récoltés plutôt qu'avec des intuitions esthétiques. Enfin, l'accessibilité n'est pas une contrainte à ajouter en fin de projet, c'est une philosophie de conception à intégrer dès la première maquette.