Établir les bases du design

J’ai commencé par définir un ensemble de couleurs de base. Puisqu’il s’agit d’une solution en marque blanche, il était essentiel de les garder génériques afin d’assurer leur adaptabilité au thème de chaque client. J’ai ensuite décliné chaque couleur en nuances plus claires et plus foncées pour couvrir davantage d’états d’interaction et de cas d’usage dans les interfaces numériques. Avec ces couleurs de base en place, j’ai créé des palettes sémantiques pour des usages spécifiques tels que les arrière-plans, les premiers plans et les bordures. Enfin, j’ai défini les autres jetons de design, incluant les grilles, les dimensions, les espacements, les ombres et les bordures.

Créer la bibliothèque de composants

Une fois la première version du guide de style complétée, j’ai exploité la liste des composants identifiés lors de l’audit. Je les ai priorisés en fonction de leur fréquence d’utilisation, en commençant par les boutons et autres petits composants couramment employés. À partir de là, je les ai combinés et développés en composants plus grands et plus complexes.

Rédiger une documentation détaillée

J’ai documenté chaque section du guide avec des fiches techniques détaillées et les différents états des composants. J’ai collaboré étroitement avec l’équipe d’ingénierie pour garantir la clarté et l’alignement avec les objectifs des sprints lors de l’implémentation des nouveaux composants, en révisant et affinant la documentation au fur et à mesure des évolutions.