Refonte d'interface2026
Judo Pro League
Refonte de toutes les sous-pages du site, en desktop et en mobile, sans perdre une seule fonctionnalité.
- Contexte
- Projet confié pendant mon stage chez Nash Digital
- Rôle
- UX / UI Designer
- Durée
- TODO : préciser la durée
- Outils
- Figma
Le problème
Le site de la Judo Pro League fonctionnait, mais son apparence datait. La demande tenait en une phrase : moderniser la mise en page et l'aspect général sans rien retirer.
Cette contrainte est plus exigeante qu'elle en a l'air. Une refonte qui allège en supprimant des fonctions n'est pas une refonte, c'est un autre site. Chaque écran devait donc retrouver, dans une forme nouvelle, tout ce qu'il proposait déjà.
Deuxième contrainte : la page d'accueil ne faisait pas partie du projet. Le nouveau style devait donc tenir à côté d'une page d'accueil inchangée, sans que la cohabitation saute aux yeux.
La démarche
J'ai repris les sous-pages une par une : actualités, calendrier et résultats, équipes, profil des judokas, FAQ, et les pages de chaque équipe.
Chaque page a été conçue deux fois, en desktop et en mobile. Pas une version adaptée après coup : les deux formats ont été dessinés ensemble, parce qu'un tableau de résultats ne se réduit pas à une colonne sans arbitrage.
TODO : décris ta méthode de travail — par quoi tu as commencé, comment tu validais avec l'agence ou le client.
Décisions clés
Les choix structurants du projet, et ce qui les justifie.
Ne toucher qu'à la forme, jamais aux fonctionnalités
Pourquoi
- Chaque élément présent sur l'ancienne page devait se retrouver sur la nouvelle, à une place justifiable.
- TODO : explique comment tu t'y es pris pour n'en oublier aucun — inventaire, comparaison écran par écran ?
Des pages équipes aux couleurs de chaque club
Pourquoi
- La page d'une équipe reprend les couleurs de son logo, ce qui la rend reconnaissable sans changer sa structure.
- TODO : explique d'où vient l'idée, et comment tu as fait pour que les couleurs des clubs restent lisibles.
Desktop et mobile dessinés ensemble
Pourquoi
- Les deux formats ont été conçus en parallèle plutôt que l'un après l'autre.
- TODO : explique ce que ça a changé sur les pages denses, comme les résultats ou les statistiques.
Les pages refaites
Six sous-pages reprises, chacune dessinée en desktop et en mobile. Choisissez une page pour comparer ses versions desktop et mobile.
Actualités : versions desktop et mobile.
Le résultat
Mes wireframes ont été intégrés au site de la Judo Pro League : les pages refaites sont aujourd'hui en ligne.
Le meilleur moyen de juger le résultat, c'est de le voir en vrai.
Ce que j'en retiens
TODO : deux ou trois choses que tu retiens. Ce que tu ferais autrement compte autant que ce qui a marché.
Envie d'en discuter, ou de voir les fichiers de travail ? Je cherche une alternance de 2 ans à Nantes.
Me contacter