Refonte du site e-commerce de Péligourmet

Client

Péligourmet

Date

Octobre 2018

Rôle

UX Designer

Team

CEO, COO, UI Designer (Lou Druet), Responsable logistique, développeurs fullstack

Péligourmet est un circuit court en ligne lancé en 2016. Le concept ne cesse d'évoluer pour s'adapter aux besoins des utilisateurs et des producteurs.

En 2018, le concept évolue radicalement et suppose la refonte du site internet : j'interviens dans ce contexte afin de mettre en valeur le nouveau concept et la proposition de valeur sur le site e-commerce de Péligourmet.

Mission & objectifs

Cadrer et piloter la refonte de l'expérience utilisateur du site
Cadrer et piloter la refonte graphique élaborée par notre UI Designer

Ma démarche : analyse de l'existant

Le client a exprimé un certain nombre d'intuitions quant à la refonte de son site. J'ai procédé à une analyse de l'existant pour identifier les points de frictions de l'expérience utilisateur actuelle :

Analyse des KPI (taux de rebond, taux de conversion, rétention client, ...)
Analyse des sessions Hotjar
Identification des workflows et des points d'optimisation
Questionnaire quantitatif envoyé aux clients actuels de Péligourmet

Mes recommandations et livrables

Après analyse de l'existant et des retours utilisateurs, j'ai élaboré les recommandations suivantes :

Redéfinition de la promesse client et de la proposition de valeur
Refonte des pages stratégiques : Home page, Page Liste, Page produit
Création d'une page producteur ayant pour objectif de les valoriser et d'apporter des informations aux utilisateurs sur les aliments et les méthodes de production.

Les livrables :

Wireframes des pages suivantes : Home Page, Page Liste, Page Produit
Brief et Moodboard du "refresh" graphique à l'attention de notre UI Designer

Ancienne version de la home page

Home Page

Problèmes identifiés : Mauvaise compréhension du concept, taux de rebond important

Le taux de rebond de la home page est très élevé. Nous pouvons l'expliquer par deux raisons : d'une part, le concept est mal compris des utilisateurs. Et d'autre part, la home page ne met pas en valeur la diversité de typologie de produit qu'on peut trouver sur le site.

Proposition de wireframe

Home Page

Proposition de solution pour la refonte

J'ai réalisé ce wireframe dans une démarche de co-conception avec le client en rappelant quels étaient les retours clients et les objectifs.

Offrir un visuel inspirationnel
Valoriser la promesse client dans la hero banner
Proposer une barre de navigation avec les catégories de produits
Créer différentes rubriques contribuables par l'équipe au gré des saisons ou des coups de coeur
Donner la possibilité à l'utilisateur de filtrer les produits en fonction de sa date de livraison préférée
Mettre en avant les propositions de valeur de Péligourmet de façon à rendre plus transparents la sélection des producteurs et leurs modes de production
Informer l'utilisateur sur les aspects pratiques : "comment ça marche" et la livraison