Décembre 2024
UI design • Graphic design
Figma
Illustrator
Refonte du site web du Vélo Club Challandais (VCC). Ce projet a été réalisé dans le cadre du cours d’UI design de 3ème année à L’École de Design Nantes Atlantique. Il s’agit ici d’un concept fictif.
Contexte
Le Vélo Club Challandais (VCC) est un club de vélo avec une section compétition, une école de cyclisme et une section cyclotourisme. Il se situe en Vendée à Challans.
Problèmes
Leur site web était assez complexe à naviguer car chaque section du club avaient leur propre site web ce qui reflétait un manque de cohérence. Il nécessitait une refonte.
Arborescence du site web en décembre 2024.

Objectifs
Rendre le club plus attractif :
Mettre en avant les différentes sections du club
Moderniser l’identité graphique du club
Faciliter l’inscription de nouveaux adhérents
Recherches
Personas
Pour cerner les besoins et motivations des usagers du site web il est nécessaire d'identifier des personas.

Grâce aux personnas on peut déduire des parcours utilisateurs, aidant à structurer les pages du site.

Wireframes
Pour structurer les parcours utilisateurs, on utilise des wireframes pour mieux visualiser.

Identité graphique
Veilles
Pour réaliser l'identité graphique j'ai d'abord réalisé une veille. Les sites utilisent en générale des thèmes sombres pour les clubs professionnels et clair pour les clubs amateurs. On retrouve une couleur d'accentuation dynamique qui vient donné un côté sportif au site.

Argumentation des choix graphiques
Couleurs
La palette de couleur est naturelle proche de la nature. Les couleurs ocres rappelle les paysages sillonnés à vélo. Le jaune vif rappelle le canard emblème du club et de la ville de Challans.

Pictogrammes
Les pictogrammes sont fait à la main pour humaniser l'interface.

Logotypes
Le logotype actuel, représentant un canard casqué sur une roue de vélo, s'inspire du précédent logo de la ville de Challans, conçu par Hubert Pacteau. Les formes sont géométrique afin de refléter l'aspect sportif et dynamique.

Typographie
Host Grotesk est une police Grotesque/Géométrique moderne. Elle allie la précision géométrique avec des touches plus "rationnelles" et quelques singularités (formes vivantes), lui donnant un caractère distinctif.

Concept
Boutique en ligne
Possibilité de commander le merch via un bon de commande en ligne.

Sections du club
Découvrez les différentes sections du club, ce qu'on y fait et les raisons de nous rejoindre.

Activités et événements
Explorer les activités et événements organisé par le club. Accédez aux circuits directement sur Open Runner.

Inscription
La procédure d'inscription permet de notifier rapidement le club de votre intention de les rejoindre.

En conclusion
Le site est désormais plus cohérent grâce à l’identité graphique modernisé et à l’organisation du site web. Le parcours utilisateurs est facilité, le formulaire est rapide à complété et donne des informations rassurantes à l'utilisateur.





