Le sommelier digital qui vous accompagne dans le choix du vin

Le sommelier digital qui vous accompagne dans le choix du vin 

Brief client

WIA utilise l’intelligence artificielle pour vous garantir que le vin que vous allez acheter sera parfaitement adapté aux circonstances.
Ils souhaitent lancer leur site de sommelier en ligne pour faciliter le choix et l’achat d’un vin. Pour cela, ils ont fait appel à Akiani afin de comprendre qui sont leurs cibles, que souhaitent-elles et comment leur proposer une expérience réussie.

Année

2019

Expertise
  • Design
Disciplines
  • Branding
  • Direction artistique
  • UI design
  • UX design
Outils

    01

    Connaître ses futurs utilisateurs

    Profils et parcours des usagers

    Pour répondre aux besoins des usagers, il faut les comprendre, les qualifier, bref les modéliser. Les proto-personas sont construits sur la base de la connaissance de l’équipe projet, une experience map vient mettre en regard les typologies de profil au parcours utilisateur. Attentes, besoins et opportunités émergent de ce travail et posent les bases fonctionnelles.

    Vue globale de l'expérience map
    Experience map
    4 fiches personas
    Proto-personas
    Experience map
    Proto-personas
    02

    Architecture de l’information et conception UX

    Des utilisateurs aux fonctionnalités

    Toujours en co-conception, et partant des livrables précédents, une arborescence est conçue en prenant en compte les fonctionnalités dont les consommateurs de vin auraient besoin.

    Photo de l'atelier en noir et blanc
    Atelier de co-conception
    03

    Conception desktop et mobile des pages principales

    Du contenu aux contenants

    En boucle courte avec des consommateurs de vin et nos clients, des maquettes en niveaux de gris sont conçues. Les tests utilisateurs permettent d’aller dans le détail et d’améliorer les interfaces.

    Écrans clés du site en wireframe
    Écrans clés en niveau de gris
    Vue desktop des différents vins
    Zoom sur la mise en avant des bouteilles
    Écrans clés en niveau de gris
    Zoom sur la mise en avant des bouteilles
    04

    Conception mobile first

    Lors du passage à la phase UI, nous avons priorisé les écrans mobile

    Après un benchmark concurrentiel et un moodboard des tendances, nous choisissons d’axer notre direction artistique sur un design épuré moderne et coloré, avec une place toute particulière à l’image. Il est essentiel de conserver l’image chaleureuse de cette offre de service en ligne.

    Le site étant responsive et mobile first, nous concevons les écrans mobiles lors du premier sprint.

    Vue d'une page sur ipad et mobile
    Déclinaisons mobile et ipad
    Vue sur les pages sommelier
    Pages du sommelier digital
    Focus sur la homepage en mobile
    Focus sur la homepage
    Pages du sommelier digital
    Focus sur la homepage
    05

    Le site prend vie

    Dernière phase UI du projet, décliner nos écrans mobiles en version desktop

    Nous mettons en place un design system, afin de garantir une cohérence sur l’ensemble des devices et de gagner en fluidité. Il permettra aussi une meilleure flexibilité pour la création de nouvelles pages.

    Homepage dans un mockup
    Page d’accueil sur desktop
    Détails d'une page sur un vin spécifique
    Zoom sur la page d’un vin
    Page d’accueil sur desktop
    Zoom sur la page d’un vin
    Écrans desktop
    Vue globale des différents écrans
    Akiani nous a accompagné 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.
    Sylvain Thibaud, Co-fondateur chez WIA

    Voir un autre projet