• ui design
  • ux design
  • espace perso
  • concept graphique

Projet avec l’agence Preferendum

Vivons Vélo AG2R

Le site Vivons Vélo d’AG2R la mondiale est une plateforme qui permet aux passionnés de vélo de se regrouper pour partir en excursion programmée par un intervenant de Vivons Vélo.

mockup avec un desktop, une tablette et un mobile avec les maquettes des interfaces graphique du site vivons velo.

Le challenge

Proposer un site plateforme avec un compte personnel facilitant la gestion des participants pour l’équipe vivons vélo et permettant aux utilisateurs de se tenir informer et de trouver simplement les rencontres autour de chez eux.

mockup mettant en avant le responsive design de vivons velo avec vue sur le module de connexion et la carte interactive.

Les fonctionalités

Vivons Vélo est simple d’utilisation  :

  • L’utilisateur accède à la liste des expéditions qui l’intéressent grâce à une carte interactive ou par date et lieux depuis la liste des rencontres disponibles.
  • Les informations sur cette expédition sont données sur la page de la rencontre.
  • L’utilisateur peut s’inscrire à la rencontre en s’identifiant ou en créant un compte directement depuis la page de la rencontre.
  • Si l’utilisateur s’est préalablement identifié, son inscription est directement prise en compte.
  • L’équipe Vivons Vélo peut ainsi envoyer ses mail d’information à propos de cette rencontre à tous les participants enregistrés.

Le concept graphique est décliné de la charte graphique de AG2R La mondiale.

Formulaire

Les formulaires font partie intégrante du concept du site. En effet, par rapport aux recherches effectuées dans google, les utilisateurs tombent directement sur les pages rassemblements. C’est pourquoi un module de connexion ou de création de compte est directement intégré dans la page en plus de la barre de navigation  :

  • Bouton : « je n’ai pas de compte » qui invite à créer un compte.
  • Bouton « j’ai déjà un compte » qui invite à s’identifier.
  • Il est possible de s’enregistrer et de s’identifier avec facebook, un gain de temps évident.

Le reste de la page appartient aux informations concernant le rassemblement. Les boutons « voir le parcours » et « voir le programme » à gauche sont des ancres qui amènent vers les textes plus bas.

mockup d'un smartphone avec la maquette de l'inscription aux événements Vivons Vélo.

mockup d'une tablette avec a maquette de l'espace personnel de vivons vélo.

Espace personnel

Cette page reprend les mêmes codes graphiques que les autres pages du site. Cependant, il s’agit d’un espace personnel avec d’autres utilités :

  • Consulter et changer ses informations personnelles si besoin est.
  • Supprimer définitivement son compte.
  • Vérifier les rassemblements prévus.
  • Ajouter et retirer des participants aux rassemblements.
  • Se désinscrire d’un rassemblement.

Projets liés