Phase n°2 : concevoir la solution
Grâce à la matrice d’impact créée lors des ateliers, je peux commencer les wireframes du concept pour valider les différentes idées et caractéristiques du projet.
Je travaille avec le Product Manager pour créer des flows permettant de comprendre pleinement le parcours utilisateur.
Puis, je réalise des wireframes low-fi, c’est à dire avec peu détails, sur Figjam sans me soucier des pixels et des couleurs. Ce qui m’intéresse durant cette phase, c’est la hiérarchie des informations et la fluidité du parcours.
Ensuite, je les présente au Product Manager et nous débutons une phase d’itération commune. Lorsque nous sommes alignés et confiants sur le concept, nous les présentons à la CPO et aux différents directeurs de produits.
En cas de doute subsistant lors de cette présentation, les itérations reprennent avec le Product Manager.
Lorsque le concept est validé, je passe aux maquettes hi-fi et au prototype suivant les guidelines de notre Design System.
Notre Design System est très riche ce qui nous facilite la conception des maquettes. Si jamais il manque un composant pour ce projet, je peux le créer et le faire valider avec le lead designer et les fronts développeurs qui viendront le prioriser et le développer.
Phase n°3 : Recueillir du feedback utilisateur
En collaboration avec l’équipe Produit, nous avons mis en place un mode opératoire pour plus d’efficacité dans nos tests utilisateurs.
Le Product Manager effectue les présentations et pose des questions avant les tests afin de mieux comprendre l’intérêt pour la fonctionnalité et les problèmes actuels. Je prends ensuite la main pour faire tester le prototype, en partageant les instructions du test. Enfin, je termine le test en posant quelques questions sur leur expérience.
Chaque test est enregistré afin que je puisse regarder la rediffusion et me concentrer sur chaque interaction pendant le test.
Grâce à la rediffusion, je peux extraire et analyser:
- Les points bloquants du parcours
- Les points positifs et appréciés
- Des citations
Je prépare la restitution des tests avec des suggestions sur différentes manières d’améliorer notre concept. Puis, nous partageons nos résultats afin de valider nos nouvelles suggestions et réitérer sur les maquettes.
Phase n°4 : validation de la solution
Une fois la solution validée par le comité produit, nous la présentons à l’Engineering Manager, qui est garant de la faisabilité technique. Étant donné qu’il a participé au premier workshop d’idéation, il comprend mieux la solution finale.
Le Product Manager et l’Engineering Manager découpent la vision en plusieurs versions en fonction des coûts, de la roadmap, et des contraintes techniques.
À cette étape, mon rôle est de mettre à disposition les maquettes nécessaires pour préparer la roadmap de développement : découpage selon les users flows et versions.
Phase n°5 : handoff et conception technique
Une fois les maquettes et le prototype finalisés, je réalise le ou les handoff techniques selon le nombre de versions à délivrer
L’objectif est de documenter le plus possible la construction des maquettes et d’indiquer le nom de chaque composant pour faciliter la conception aux développeurs.
Ce handoff est validé par l’équipe des front-ends qui s’assure que chaque composant est bien utilisé et disponible afin d’éviter les allers/retours lors de la conception.
Les développeurs organisent la première conception technique où je leur présente le parcours et le handoff.
Phase n°6 : recette et mise en prod
Lorsque la fonctionnalitée est développée et que le QA à réalisé une première validation c’est à mon tour de réaliser une recette design : j’utilise Jira pour communiquer sur les bugs front et ux. Une fois la fonctionnalité mise en production, on analyse les feedbacks du terrain via 3 canaux différents :
- Hotjar
- Google analytic
- Équipe du support Mirakl
Ces retours alimenteront de nouveau la roadmap produit s’il faut apporter de nouvelles itérations.
Implication dans le Design System Roma
En 2020, nous avons décidé de repenser notre Design System. Notre objectif était de soutenir plus efficacement le développement de nos produits, et c’est ainsi qu’est né ROMA.
Au-delà des éléments habituels d’un design system, nous voulions inclure une dimension supplémentaire : l’illustration.
Ayant un fort attrait pour le dessin et le design graphique, j’ai proposé de réaliser moi-même cette mission.
J’ai détaillé dans cet article tout mon processus de travail et de réflexion autour de ces illustrations.
Voici un aperçu du rendu final :
Implication au sein de Mirakl
Mon implication au sein de Mirakl ne s’est pas limitée au Product Design. Comme mentionné plus haut j’ai eu l’occassion de travailler en tant qu’illustratrice sur des sujets de brand design pour l’entreprise :
- Création de stickers pour le salon Devox
- Création d’un coloriage XXL pour célébrer le label “Great place to work”
- Création de l’identité et des vignettes du Médium de Labs Mirakl
Création des vignettes de communication des talks et podcast pour les réseaux sociaux
Enfin, j’ai aussi participé au « rayonnement de Mirakl » à travers différents témoignages et articles:
- Vidéo itw pour la page de recrutement Welcome to the jungle Mirakl
- Itw pour French tech Bordeaux sur le métier de Product Designer
- Article Médium sur les illustrations Mirakl