Senart Basket
Refonte site web
UX UI DesignBrief
Dans le cadre d’un Workshop Client, l’objectif était de repenser le site internet d’un club de basket dont l’interface n’avait pas évolué depuis plus de 15 ans.
Le défi : moderniser son identité digitale tout en répondant aux besoins réels de ses utilisateurs. Un important travail de recherche UX a permis de repenser les parcours et de concevoir une interface plus intuitive et actuelle.
Le projet est aujourd’hui en phase d’intégration.
Avant la conception
Un questionnaire mené auprès de 39 personnes (parents, adhérents et futurs licenciés) a permis d’identifier les attentes des utilisateurs. Les parents, qui représentent près des deux tiers des répondants, constituent la cible principale.
Trois insights ont guidé la conception :
- Accès rapide à l’essentiel : horaires, tarifs, équipes et inscriptions doivent être facilement accessibles.
- Accueil clair et efficace : les visiteurs doivent immédiatement comprendre où, quand et comment pratiquer.
- Navigation simplifiée : informations dispersées ou obsolètes, parcours complexes et textes trop longs sont les principaux facteurs d’abandon.
Penser le parcours utilisateur
À partir de la synthèse des recherches, j’ai repensé l’organisation du site pour construire des parcours clairs et identifier de nouvelles fonctionnalités utiles. Un schéma d’architecture et des wireframes m’ont permis de structurer les contenus et de visualiser les interactions avant de passer à la conception des interfaces.
Prototype et Design System
J’ai conçu le prototype sur Figma et créé un design system pour transmettre au développeur les composants, les styles et les règles d’interface. Finalement, j’ai repris moi-même le développement du site : le design system est devenu un repère pour conserver une interface cohérente tout au long de l’intégration.
Integration avec Codex
Pour donner vie à mes maquettes, j’ai repris l’intégration du site avec Codex et Firebase, alors que le développement n’est pas mon métier initial. J’ai appris à guider l’outil à partir de mes designs, à préciser mes instructions et à affiner mes prompts au fil des itérations. Cette démarche m’a permis de rapprocher le résultat de la maquette tout en développant mes compétences en intégration web, en dialogue avec le code et en déploiement.
Site bientôt disponible
