Vélo Club Challandais

Vélo Club Challandais

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.

Testez le en vrai !

Découvrez l'interface dans les moindres détails.

Découvrez l'interface dans les moindres détails.

Prêt à m'engager ?

Restons en contact !

Prêt à m'engager ?

Restons en contact !

Prêt à m'engager ?

Restons en contact !