L'Occitane en Provence

Processus d'ajout au panier

Contexte
Dans le cadre d'un projet global d'amélioration continue de la page produit, et suite à une série de tests, plusieurs problématiques ont pu être identifées pour sa version mobile:
- l'ajout d'un bouton sticky d'ajout au panier contenant le prix du produit.
- la révision du parcours d'ajout au panier pour le fluidifier et le clarifier.

▶ Temporalité

Mai 2019 - Juin 2019

▶ Rôle

Lead UI Designer

▶ Camarades complices

Squad Shopping Experience
Equipe agile en charge de toute l'expérience client hors panier.

Sticky CTA

1.Analyse de l'existant

Recensement de tous les prix/devises et labels de boutons ("Acheter" et "Voir mon panier") pour identifier les différentes longueurs possibles.

2.Conception

Présentation de 3 exemples de bannière sticky d'ajout au panier.

Conception des maquettes et déclinaisons nécessaires.

Bannière d'ajout au panier

1.Analyse de l'existant

Présentation de la bannière avant le projet.

Identification des problématiques UI de la bannière en place : hiérarchie entre les éléments déstabilisante, action effectuée peu compréhensible, manque d'information,..

2.Conception

Réalisation d'une première maquette:
- Ajout d'un message de validation.
- Affichage du Total panier (Sous-total).
- Contraste plus clair entre la pop-in et la page produit.

Conception des maquettes et déclinaisons nécessaires.

Quantité maximale.

Textes longs.

Sens de lecture inversé.

Informations de livraison.

Achat d'une routine - Avant

Achat d'une routine - Après

← Projet précédent Projet suivant →