L’Oréal design system

DEC 2017 - MARS 2019

UX Designer

Freelance - L'Oréal Digital Luxe

Contexte

Depuis 1 an, j’ai participé à l’élaboration du design system du groupe L’Oréal. Ce travail va permettre à l’ensemble des marques du groupe de gagner du temps au niveau du développement de nouvelles fonctionnalités, puisque toutes les pages sont designés avec les mêmes atomes, molécules et organismes.

Ce projet m’a permis de travailler avec plusieurs logiciels comme Abstract (un système de versioning et de branches comme Github mais pour les fichiers design), Sketch, Zeplin, Invision/principle ou encore Overflow qui permet de créer des « users paths » très facilement.
Cette mission a été très intéressante, puisque tous les cas de figure doivent être pris en compte lorsque l’on design un site en marque blanche, destiné à être utilisé par plusieurs marques.

Pour ce qui est du workflow que j'utilisais, je commençais la phase d'exploration sur papier, puis le mettait en forme grace à Sketch. Il y avait ensuite une première phase de validation avec l'équipe, concernant la faisabilité et les conseils de l'UX manager. À la fin je réalisais un Invision ou un Principle suivant la nature de la création, qui nous permettait de tester le design, puis un overflow pour avoir tout le chemin utilisateur global et ainsi penser à toutes les étapes.

Softwares used for L'Oréal design system
Mobile pages designed with atoms, molecules and organisms
Organisation of the library
Icons on the design system's library
Color on the library
User flow for personalisation module
Desktop and mobiles pages designed with design system
Library file
Organisms on the library file

Team