Le brief
Passionnée de vélo depuis mon plus jeune âge, je me suis lancée un défi : comment convertir les franciliens au vélo !
En s’aidant du Design Thinking, nous avons désigné une solution : Otto Vélo.
Otto Vélo propose des formations à vélo pour se sentir à l’aise et en sécurité à Paris (et sa banlieue). Découvrez toutes les étapes, de la phase d’Ux Research au Prototypage du site internet.
Ux Ui
Direction artistique
Illustration
PROCESS Ux / Ui
Avant de débuter quoique ce soit, nous devons comprendre les habitudes des utilisateurs pour situer le problème et identifier les points sensibles.
première étape
RECHERCHES Ux
En croisant les observations terrain et les entretiens utilisateurs, nous avons créé un persona et son parcours en prenant en compte ses réels besoins.
création du persona
création du parcours utilisateur
Nous avons créé le parcours d’Asma en nous focalisant sur ses méthodes de déplacement.
Dans le parcours « Avant » d’Asma, nous observons qu’elle est systématiquement angoissée lorsqu’elle se déplace à vélo.
définir le problème
Avant de trouver une solution, nous devons commencer par identifier le principal problème rencontré.
Comment redonner confiance aux franciliens à vélo ?
trouver les solutions
Une fois le problème clairement identifié, nous avons imaginé les solutions et les fonctionnalités du concept.
Comment amener les franciliens à faire du vélo dans Paris ?
notre solution en 2 mots...
Otto vélo est avant tout une solution physique mais se décline aussi sur le plan digital.
Comment Otto Vélo peut inciter les franciliens à faire du vélo dans Paris et les convertir durablement ?
deuxième étape
CHARTRE GRAPHIQUE
Le scénario du parcours utilisateur est terminé. Nous démarrons la réalisation de la chartre graphique de l’interface digitale.
LOGOTYPE
Otto Vélo : tout simplement l’addition d’ « Auto » + « Vélo »
Le terme Otto fait référence aux autos écoles dites classiques (voiture et 2 roues).
La création rappelle les rondeurs des roues de vélo, accentuée par une illustration « one line » simplifiée.
Pour contraster la rondeur et apporter du dynamisme, des éléments « dessinées » ont été glissés sur les écrans du site.
De cette façon, les côtés ludique et « fun » des formations sont mis en avant.
Plusieurs déclinaisons de logo ont été créées pour s’intégrer sur les différents devices.
TYPROGRAPHIEs
couleurs
Couleurs principales :
Jaune : couleur la plus joyeuse
Verte : couleur raffinée et élégante
Couleurs secondaires :
Les couleurs pâles vont faire ressortir la couleur jaune.
iconographies
Le territoire graphique sera enrichi par des icônes dessinées à la main et rappelant le cyclisme.
Les formes sont abstraites comme des dessins d’enfants afin de faire le parallèle avec l’apprentissage des enfants, leurs premiers pas.
Ici on fait appelle aux grands enfants en leur rappelant des dessins de leur enfance.
troisième étape
CRÉATION DE L'INTERFACE
Nous avons créé une landing page pour se renseigner sur les formations à vélo et en même temps pour réserver et acheter sa formation en ligne
HOME PAGE
LES FORMATIONS
