My role 💁🏽♀️
Sole product designer, UX-UI.
Drift Design system
Scentbird acquired Drift six months prior to my arrival. Drift is an e-commerce brand specializing in fragrances for cars and home interiors. The project involved a complete redesign of the website, with the goal of establishing a cohesive and scalable product experience.
Duration 🕰️
8 months
Contribution ✏️
As the sole Product Designer on the Drift website, I designed, structured, and maintained the design system, with the objective of ensuring interface consistency and scalability as both the product and the team evolve.
What we got
An initial version of the site had already been launched, based on a new art direction defined by Scentbird Creative team. Joining the project, I conducted a full audit of the existing design system to identify inconsistencies, gaps, and opportunities for improvement.
Initial Components
Optimisation
I rationalized the typography, removed unused styles, and redefined a clear hierarchy to ensure better readability and consistent usage across the site.
Starting from a limited color palette, I structured the color system by introducing design tokens (backgrounds, strokes, buttons, etc.), allowing color usage to be isolated and future visual changes to be implemented without impacting the entire interface.
Color Tokens and Typos.
I also reworked buttons and their various states, designed responsive product cards, and created an image library dedicated to fragrance notes and the products sold on the site.
Finally, I defined guidelines for banners and key site blocks and carried out in-depth work on components, with the goal of automating design usage, reducing decision-making time, and establishing a scalable foundation for the future growth of both the product and the team.
Buttons, Product Cards components, Fragrances Selector.
Librairie images notes olfactives, cartes produits, bannières et components.
Key Results
🪄
Improved overall consistency and user experience, with standardized primary actions across the site
🎨
Reduced design debt through the removal of duplicates, unused components, and clarified usage rules, creating a clean foundation for future iterations
👀
Improved readability and visual hierarchy through clarified typography, more explicit hierarchy, and better-defined states
🚀
Faster and smoother design process, enabling quicker feature design and fewer UI decisions per project
📈
Scalable by design: the system supports product evolution, is not rigid, and is built to last
The design system served as a clear framework, without freezing the interface.