Sur les maquettes du site, le sommelier en ligne de Wia accueille l’internaute avec une question : « Bonjour, vous cherchez un vin pour quelle occasion ? »
Avant d’en arriver à cet écran, il fallait savoir à qui ce sommelier parle.
Stéréotyper les usagers
On a commencé par des proto personas, comme « Le connaisseur passionné », et par une experience map. Aucun de ces personas ne décrit une personne réelle. Chacun rassemble des besoins et des attentes.
L’experience map, intitulée « Et si j’achetais du vin ? », suit l’achat en six moments, depuis l’envie de départ (« Quelle bonne idée ! ») jusqu’à la dégustation (« Alors, comment est-il ce vin ? »).
Imaginer les fonctionnalités
Des proto personas et de l’experience map, on a tiré l’arborescence du site. À côté de la recherche libre, elle prévoit un parcours de questions qui mène à une page de trois recommandations, des winelists et une liste de producteurs.
Maquetter en niveaux de gris
On a ensuite dessiné les pages principales en desktop et en mobile, en niveaux de gris. Des consommateurs de vin et l’équipe de Wia les ont revues en boucle courte, et les tests utilisateurs ont servi à reprendre le détail des interfaces.
Commencer par le mobile
Le site est responsive et pensé mobile first : le premier sprint UI a donc porté sur les écrans mobiles.
Un benchmark concurrentiel et un moodboard des tendances ont orienté la direction artistique vers un design épuré et coloré, qui laisse une grande place à l’image. Il fallait aussi que le service garde un côté chaleureux.
Sur les écrans, ça donne des bouteilles photographiées en grand et des tags de goût en couleur, comme « Gourmand et charnu ».
Akiani nous a accompagnés de la réflexion des personas jusqu'à la mise en couleur des interfaces. À chaque étape, l'équipe a démontré son expertise et sa sympathie. Ils ont su s'approprier notre sujet et trouver le meilleur compromis entre ergonomie et design.
