Mon rôle 💁🏽♀️
Product Designer, UX-UI.
Drift Design system
Scentbird a fait l’acquisition de Drift six mois avant mon arrivée. Drift est une marque e-commerce spécialisée dans les parfums pour voiture et pour l’intérieur de la maison. Le projet consistait en une refonte complète du site, avec pour objectif de poser une expérience produit cohérente et scalable.
Durée du projet 🕰️
8 mois
Contribution ✏️
En tant que seule Product Designer sur le site Drift, j’ai conçu, structuré et maintenu le design system avec pour objectif d’assurer la cohérence de l’interface et sa scalabilité à mesure que l’équipe et le produit évoluaient.
Réception
Une première version du site avait été mise en ligne, reposant sur une nouvelle direction artistique définie par Scentbird.
À mon arrivée, j’ai mené un audit complet du design system existant afin d’identifier les incohérences, les manques et les opportunités d’amélioration.
Components initiaux.
Optimisation
J’ai rationalisé les typographies, supprimé les styles inutilisés et redéfini une hiérarchie claire, garantissant une meilleure lisibilité et une utilisation cohérente à l’échelle du site.
À partir d’une palette initiale limitée, j’ai structuré le système de couleurs en mettant en place des tokens (backgrounds, strokes, buttons, etc.), permettant d’isoler les usages et d’assurer des évolutions visuelles maîtrisées sans impacter l’ensemble de l’interface.
Tokens couleurs, et typographie.
J’ai également retravaillé les boutons et leurs différents états, conçu des cartes produit responsives, et créé une librairie d’images dédiée aux notes olfactives et aux produits.
Enfin, j’ai défini des guidelines pour les bannières et les principaux blocs du site, et mené un travail approfondi sur les composants, avec pour objectif d’automatiser les usages, de réduire le temps de conception et de poser une base scalable pour l’évolution future du produit et de l’équipe.
Boutons, cartes produits components, sélecteur de parfums.
Librairie images notes olfactives, cartes produits, bannières et components.
Résultats clé
🪄
Amélioration de la cohérence et de l’expérience. Uniformisation des actions primaires sur l’ensemble du site
🎨
Réduction de la dette design (nettoyage de doublons, suppressions de composants inutilisés, clarification des règles d’usage). Base saine pour les évolutions futures.
👀
Meilleure lisibilité & hiérarchie visuelle → Typo clarifiée, hiérarchie plus explicite, états mieux différenciés
🚀
Vitesse et fluidité de conception : Conception plus rapide des nouvelles features, et moins de décisions UI à prendre pour chaque projet
📈
Scalable → Ce design système supporte l’évolution, n’est pas figé, et est pensé pour durer
Le design system a servi de cadre clair, sans figer l’interface.