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

À propos du produit

Problème

Brand identity package, responsive website, digital marketing strategy.

target

Comment pourrions-nous rendre le suivi des fûts plus simple et intuitif pour améliorer l’engagement et l’expérience utilisateur ?

Recherche et insights

Commentaires des utilisateurs

Les utilisateurs ont exprimé des frustrations liées à l'absence d'un système pour suivre facilement leurs dégustations et préférences. Voici les points soulevés fréquemment :

Pain points commun

neurology

Oubli des fûts

Ils avaient du mal à se souvenir des fûts déjà essayés ou partagés, ce qui compliquait leur expérience.

description

Absence de recommandations personnalisées

Ils sont frustrés par l'absence de suggestions adaptées à leurs goûts.

folder

Difficulté à retrouver les fûts favoris

Les utilisateurs peinent à retrouver facilement leurs bières préférées.

Insights

equalizer

Notes & Favoris

L’ajout de notes et favoris est très demandé.

equalizer

Commentaires

La personnalisation est essentielle pour renforcer l’engagement.

equalizer

Historique

Un espace de suivi des fûts améliorerait l’expérience utilisateur.

Idéation et priorisation

Pour explorer les solutions, j'ai utilisé :

  • Brainstorming d’équipe

  • Benchmark des applications similaires (Untappd, Vivino…)

  • User flows pour imaginer un parcours utilisateur fluide

Pour explorer les solutions, j'ai utilisé :

  • Brainstorming d’équipe

  • Benchmark des applications similaires (Untappd, Vivino…)

  • User flows pour imaginer un parcours utilisateur fluide

Pour explorer les solutions, j'ai utilisé :

  • Brainstorming d’équipe

  • Benchmark des applications similaires (Untappd, Vivino…)

  • User flows pour imaginer un parcours utilisateur fluide

Lors d’un atelier avec l’équipe, nous avons priorisé les fonctionnalités clés du MVP en nous assurant qu'elles répondent aux besoins identifiés :

  • Évaluation des fûts

  • Ajout de notes personnelles

  • Historique des fûts

  • Ajout aux favoris

  • Conseils personnalisés sur la bière

  • Re-commander des fûts

  • Import automatique des commandes

  • Réglage de la température favorite

Solution

Pour répondre à ces besoins, nous avons introduit Mes fûts, un espace dédié dans l’application où les utilisateurs peuvent :

Import automatique des fûts

L'utilisateur accède à la fonctionnalité et dispose d'une ou plusieurs commandes pouvant être importées.

Historique des fûts

Offre à l’utilisateur une vue complète de ses dégustations passées.

Régler la température

L’utilisateur choisit sa température, le système la mémorise.

Re-commander

Commandez à nouveau un fût en un clic depuis sa fiche.

Ajout de notes

Permet à l’utilisateur de commenter ses dégustations de bière en toute simplicité.

Conseils personnalisés

Il obtient des astuces sur les meilleurs accords et la température parfaite…

Noter et classer les fûts en favoris

L’utilisateur peut attribuer une note à chaque fût et les enregistrer dans ses favoris.

Tests utilisateurs

Avec ma collègue, nous avons organisé plusieurs sessions de tests utilisateurs pour évaluer la fluidité et la pertinence des nouvelles fonctionnalités.

15

utilisateurs

25

minutes (semi directif)

Résultats

  • Le retour global a été très positif

  • Les utilisateurs ont trouvé la fonctionnalité utile, intuitive et engageante

  • Plusieurs pistes d’amélioration ergonomique ont été identifiées

Itérations post-tests

Suite aux retours utilisateurs, nous avons apporté plusieurs améliorations. Ces ajustements ont été intégrés rapidement en collaboration avec l’équipe de développement, dans une logique d’itération continue.

Avant
Aprés
Aprés

Amélioration de l'affordance des checkbox pour une interaction plus visible. L'interface a été ajustée pour mieux gérer l'importation de plusieurs commandes, offrant ainsi une expérience plus fluide et harmonieuse.

La modale a été remplacée par une bannière pour faciliter l’import des fûts. Le parcours d’importation a également été réorganisé, débutant désormais dans "Mes fûts" pour plus de cohérence.

Avant
Aprés

Impact

+5%

trending_up

augmentation de conversion

30%

trending_up

d'adoption de la feature

On travaille ensemble ?

Fait avec ❤️ @ 2025 Pauline Martinez

PAM

Create a free website with Framer, the website builder loved by startups, designers and agencies.