Astrid, 29 ans
Avocate à Paris, veut aller au travail à vélo.
« Le prix annoncé d'emblée m'a refroidie. »
Ce qui l'a fait renoncer, et ma réponse
Emoving
Rendre un e-commerce de vélos électriques plus clair et plus rassurant.
En bref
- Contexte
- Emoving vend des vélos électriques, sa gamme principale, et des trottinettes, en ligne et dans ses magasins. À partir des retours de ses clients, la marque veut améliorer son site de vente.
- Mon rôle
- Product Designer UX/UI, de l'analyse des retours au site codé ; au-delà du brief, l'histoire de la marque et sa nouvelle identité
- Année
- 2026 : l'exercice au printemps, la reprise à l'automne
Brief fictif fourni par la formation : la marque, ses produits et ses clients sont inventés.
01 · Deux clients, cinq réponses
Astrid et Antoine ont abandonné leur achat. J'ai relevé ce qui les a bloqués et j'y ai répondu point par point, avec les écrans du site codé.
Antoine, 46 ans
Cycliste depuis 15 ans, cherche un vélo pour le bivouac.
« Ce sont deux expertises différentes, je me demande si je peux avoir confiance. »
Ce qui l'a fait renoncer, et ma réponse
-
01 / 05
Vélos et trottinettes mélangés
Vécu par Astrid, Antoine
Avant
Les deux gammes se suivent sans distinction dès l'accueil : Astrid ne trouve pas les trottinettes, Antoine doute de l'enseigne.
Après
Deux univers séparés dès l'accueil et dans le menu : un méga-menu par univers, avec ses gammes, ses modèles et leurs prix.
-
02 / 05
Un prix qui refroidit
Vécu par Astrid
Avant
Un prix d'appel « à partir de », puis 120 € d'option pour une motorisation puissante : Astrid se sent trompée.
Après
Un prix final, tout compris, recalculé à chaque choix et toujours visible dans une barre d'achat fixe. Ce qui est inclus est dit, les options sont signalées.
-
03 / 05
Des informations techniques introuvables
Vécu par Antoine
Avant
Ni matériaux, ni autonomie précise, ni temps de recharge : impossible de juger un vélo pour le bivouac.
Après
Une fiche technique unique pour les 15 modèles, dont tout le site se sert. On compare jusqu'à 3 modèles côte à côte, les différences sont mises en évidence.
-
04 / 05
Où acheter, qui joindre ?
Vécu par Astrid, Antoine
Avant
Commander en ligne ou seulement en magasin ? Et aucun formulaire de contact : c'est là qu'Astrid abandonne.
Après
Livraison, retrait et essai annoncés sur chaque fiche, une page Magasins pour réserver un essai, une page Aide et contact accessible depuis le menu.
-
05 / 05
Une marque sans preuves
Vécu par Antoine
Avant
Aucune certification ni engagement visible : une enseigne qui couvre deux univers manque de légitimité.
Après
Une page À propos qui raconte 20 ans d'histoire, la certification B Corp et des engagements concrets : pièces détachées, recyclage des batteries, reprise des vélos.
Personas et parcours fournis par la formation.
02 · De l'esquisse à l'écran
Au printemps, l'exercice : maquettes papier, wireframes, puis maquettes haute fidélité, toutes faites à la main dans Figma, avec un prototype desktop et mobile de 821 interactions. Ici, la page d'accueil.
03 · Six mois plus tard, l'audit et la reprise
À l'automne, j'ai audité mon prototype avec l'aide de l'IA, puis je l'ai repris : quatre constats, quatre réponses.
-
BloquantConstat : La fiche produit se contredit
Ma réponse : Une seule fiche technique pour tout le site
-
MajeurConstat : La confiance n'est pas traitée
Ma réponse : Une page À propos et la certification B Corp en avant
-
MajeurConstat : Des pages promises absentes
Ma réponse : Un site codé complet : comparateur, magasins, commande
-
ConformitéConstat : Pas de design system
Ma réponse : Un design system, puis 12 pages maquettées
04 · Une nouvelle identité, dans la continuité
Dans l'exercice, le logo et les couleurs étaient imposés, et le brief ne disait rien de l'histoire de la marque : je l'ai imaginée (20 ans, design français, 13 magasins, B Corp). Pour la reprise, j'ai redessiné le logo dans Figma et resserré l'identité, sans perdre ce qui fait reconnaître Emoving.
Ce qui change, et pourquoi
-
Un logo qui dit ce qu'on vend
La prise parlait d'électricité ; la roue et son guidon disent vélo et trottinette.
-
Une seule couleur de marque
Le vert, en doublon avec le violet, est réservé à « En stock » : le violet porte seul les actions.
-
Des formes plus rondes
Figtree et les boutons en pastille reprennent la rondeur de la roue.
-
Plus de chaleur
L'abricot répond au violet sur le bleu nuit, pour les badges et les liens.
Le design system
Couleurs
- Violet
- Bleu nuit
- Lilas
- Abricot
Typographies
- Figtree Titres
- DM Sans Textes
05 · Un achat au plus court
De la fiche produit à la confirmation, filmé sur le site codé : un ajout au panier, puis une commande en 3 étapes. Tout fonctionne vraiment.
Ce que j'en retiens
J'ai conçu ce site deux fois. Au printemps, à la main, écran par écran dans Figma : j'ai appris l'outil en profondeur. À l'automne, avec l'IA, du design system au site codé : j'ai appris à auditer mon propre travail sans complaisance.
Un bon e-commerce tient en équilibre : un tunnel d'achat le plus court possible, et assez d'histoire, de preuves et de beaux visuels pour donner envie d'acheter. Pour Antoine, une fiche technique fiable compte autant que la plus belle photo.
Crédits : vidéo du site, Designed by Magnific ; photos des vélos, Tenways ; photos des trottinettes, Xiaomi.
Envie d'échanger ?
Je cherche mon prochain CDI, et je reste ouverte à un CDD, à une belle mission ou à un café pour parler du métier. Écrivez-moi !