[01] AUDIT
LE PARABELLUM, GRAND CLUB DE MMA NANTAIS
Lors du début de troisième année, nous avions a réalisé, pour un cours d'UI design avancé, la refonte globale d'un site d'une association nantaise de notre choix. Pratiquant le MMA, j'ai naturellement choisi mon club : le Parabellum Combat Club.
Le site de base, consultable via ce lien, était globalement rempli de page quasiment vide, avec quelques informations, mais rien de très pertinent et le parcours utilisateur en est donc perturbé et désagréable. La direction artistique du club quant à elle se fait vieillissante, avec un logo trop complexe et des couleurs plutôt repoussante à première vue.
[02] REFONTE
Une direction artistique vieillisante
Pour les couleurs du club, j'ai réalisé une veille des différents club, et j'ai relevé que l'or est une couleur qui revient souvent sur les DA des clubs de combat. J'ai donc voulu garder ce jaune, tout en changeant le bordeaux en une couleur plus vive, un violet, couleur complémentaire du jaune. J'ai ensuite choisi de garder du noir et du blanc, déjà présents dans la DA de base.
Le logo, complexe a reproduire, a été changé également. Tout en gardant le bélier, je change la couleur pour quelque chose d'uni, un dégradé de violet, et je l'ai simplifié.
La typo a également changé, passant maintenant à la Montserrat, typo classique, mais sobre et moderne.
PARCOURS & EXPERIENCE UTILISATEUR
J'ai dû également effectué une réflexion sur le parcours utilisateur, qui était sérieusement à retravailler.
J'ai décider de supprimer la page "Contact" et de la mettre en footer, accessible de partout.
Une page affichant les différentes récompenses et prix du club a été ajoutée afin de le vendre.
Une page destiné à l'exposition des combats en compétition à également été ajoutée. De manière générale, les pages sont plus remplie, avec plus d'informations et d'éléments permettant de mettre en valeur le club nantais.
[03] CONCLUSION
UNE ASSOCIATION ET UN SITE REMIS à neuf
Pour conclure, j'ai donc rassembler tout le travail effectué, pour créer une maquette pertinente, cohérente avec les propos énoncés et la volonté de base qui était de mettre à neuf les couleurs et le site du club pour le mettre en valeur. La maquette possède des animations permettant de dynamiser la navigation. Le design system rend le tout homogène. LIEN VERS LE PROTOTYPE