Design System

Contribution à l'optimisation du Design System de PerfectDraft

Refonte du design system de PerfectDraft au sein de la Core Design Team. Un travail collaboratif visant à améliorer la cohérence, l’accessibilité et l’efficacité du design web et mobile.

Team

1 Lead Product Designer, 1 Product Designer senior, 1 product designer (moi), 1 Lead Frontend Developer

Skills

Design system, Design tokens, Documentation, UI Design

Timeline

2021 - 2023

Contexte

Cora a sollicité l’agence Dig pour relever un défi spécifique : améliorer l’expérience d’achat en ligne de leur service Drive en intégrant le paiement en ligne pour les commandes Click & Collect et en lançant une boutique de Noël. En collaboration avec le directeur de l’agence, j'ai participé à la conception des solutions permettant de simplifier le processus tout en répondant aux contraintes de gestion des stocks et des paiements séparés.

Objectifs

Le projet avait deux principaux objectifs :

sentiment_satisfied

Simplifier l’expérience d’achat

Permettre aux clients d’effectuer des paiements en ligne pour les commandes Click & Collect d’articles non alimentaires, afin d’améliorer la fluidité et la commodité du parcours d’achat.

sentiment_satisfied

Simplifier l’expérience d’achat

Permettre aux clients d’effectuer des paiements en ligne pour les commandes Click & Collect d’articles non alimentaires, afin d’améliorer la fluidité et la commodité du parcours d’achat.

shopping_cart

Lancer la Boutique Traiteur de Noël

Mettre en place une boutique en ligne dédiée aux fêtes de fin d’année, fonctionnant via le Click & Collect, pour permettre aux clients de commander leurs produits festifs et de les récupérer facilement.

shopping_cart

Lancer la Boutique Traiteur de Noël

Comment pourrions-nous intégrer le paiement en ligne au service Click & Collect et lancer la Boutique Traiteur de Noël, tout en gérant des stocks distincts et des processus de paiement séparés, sans compromettre l’expérience utilisateur ?

La solution

Pour répondre à ces défis, nous avons proposé une approche basée sur la segmentation du panier et la séparation des flux de paiement :

Segmentation du panier : Sur le site web, les clients peuvent sélectionner leurs articles parmi plusieurs catégories : produits non alimentaires (Drive, Click & Collect) et produits festifs (Boutique Traiteur de Noël). Chaque catégorie dispose de son propre sous-panier.
Ajout distinct au panier : Les clients ajoutent des articles en fonction de leur catégorie, chaque ajout étant associé au sous-panier correspondant.
Processus de paiement séparé : Lors de la validation, les clients sont redirigés vers des parcours de paiement distincts :
- Un pour le Drive
- Un pour le Click & Collect non alimentaire
- Un pour la Boutique Traiteur de Noël

Conception des wireframes et validation collaborative

Après avoir terminé le développement des flux utilisateurs et réalisé une analyse concurrentielle, j'ai procédé à la création de wireframes.

Avant de solliciter l'approbation des wireframes et de passer à la phase de conception finale, plusieurs ateliers ont été organisés avec l'équipe de Cora.