Un tunnel d’achat repensé, de l’ajout au panier jusqu’au paiement

Les Raffineurs vend des cadeaux et des ateliers à offrir. Chaque commande demande des informations propres au cadeau : emballage par produit, mot pour le destinataire, envoi d’une expérience par e-mail ou par courrier, livraison ou retrait en boutique.

Une popup d’ajout au panier qui couvrait 40 % de l’écran sur desktop et 90 % sur mobile, sans confirmation visible du clic, puis des formulaires longs et verbeux. Il fallait garder toutes les informations utiles au cadeau tout en réduisant le nombre de clics.

1. 1

   Confirmer sans interrompre

   Une micro-animation sur le bouton d’achat, puis un panier en volet latéral qui montre tout le panier, le seuil de livraison offerte et des produits complémentaires.

2. 2

   Regrouper les choix du cadeau

   Emballage activable produit par produit, un seul mot pour toute la commande, choix e-mail ou courrier pour les expériences, mode de retrait visible dès le panier.

3. 3

   Alléger la commande

   Commande sans compte par défaut, champs compacts avec saisie d’adresse assistée, newsletter à part et bouton de suite toujours visible.

• 4 étapesdu panier au paiement, au lieu d’une page longue
• Mobile et desktopconçus ensemble, pouce compris
• 2membres du collectif : Romain et Thomas

Un tunnel où l’acheteur voit à chaque étape ce qu’il offre, comment et pour combien.

• 
  Romain PeltierRecherche UX, parcours et maquettes du tunnel
• 
  Thomas ThévenetInterfaces mobile et desktop, micro-animation d’ajout au panier

Écrans reconstitués à partir du brief et de nos maquettes de 2021.