Design System Societe.com
Créer et implémenter un nouveau design system dans l'ensemble des services et produits de Société.com avec la contribution de toutes les équipes internes afin de valoriser la marque, rendre les produits homogènes, avoir un niveau d'accessibilité correct. Le design system était le point d'entrée pour revoir des parcours business mais aussi l'UX writing.
En bref
Rôle
Lead Design System
Durée
12 mois
Équipe
3 designers, 2 développeurs
Le design manquait de vision et de structuration, avec une dette technique importante et des pratiques UX hétérogènes selon les produits. Ma mission a été de poser un cadre commun, d'aligner les équipes autour de principes partagés et de faire progresser la maturité design de l'organisation.
J'ai commencé par un audit UX transverse afin d'objectiver l'existant : parcours utilisateurs, cohérence des interfaces, respect des fondamentaux UX et identification des frictions majeures. Cette étape a permis de formaliser des règles et standards UX jusqu'alors peu ou pas explicités.
Au-delà des quick wins identifiés, l'enjeu principal était d'initier une dynamique collective autour de l'amélioration des process, du design, de l'UX writing et de la collaboration produit / tech.
J'ai proposé un Design System comme levier pour renforcer la cohérence, améliorer l'UX et inscrire le design dans une démarche durable et accessible. En parallèle, j'ai mené un travail d'acculturation auprès des équipes produit, tech et marketing.
Problématique
Comment aligner des équipes aux pratiques hétérogènes autour d'une vision design commune, tout en structurant des process durables capables de soutenir la montée en maturité produit et technique ?
Mon rôle
- Défini la vision et les objectifs du Design System pour structurer les interfaces et améliorer la cohérence produit
- Conçu et structuré l'ensemble du Design System (composants, règles d'usage, accessibilité) avec l'appui de trois designers
- Accompagné l'équipe design dans la conception et la documentation des composants
- Acculturation des équipes au Design System et aux pratiques design
- Favorisé la collaboration entre designers et développeurs autour d'un langage commun
- Introduit les tests utilisateurs afin de valider certaines évolutions du système
- Accompagné les équipes produit dans l'adoption progressive du Design System
Cadrage
Audit UX
Roadmap & priorisation
Test & Learn
Test utilisateur des offres
Verbatims utilisateurs
Déploiement du Design System
Le déploiement du Design System a d'abord reposé sur la création de composants de base conçus côté design, puis intégrés dans la librairie technique dans Tailwind. Chaque nouveau projet devenait ainsi une opportunité de développer et tester ces composants (inputs, notifications, cards, accordéons, badges, switches, steppers, modales, tableaux, tags…), afin qu'ils puissent ensuite être réutilisés facilement dans les projets suivants.
Après la phase de test sur la page Offre, nous avons engagé l'intégration d'éléments structurants comme le header et le footer, afin d'établir une base commune pour la majorité des pages.
En parallèle, les nouveaux produits et fonctionnalités — tunnel de paiement, cartographie, surveillance, Fichier.com, pages société et dirigeant, espace client — ont été conçus directement en 100 % Design System. Le déploiement s'est ainsi construit en fil rouge, sans interrompre les évolutions stratégiques et business des produits.
La Solution
Couleur et typographie
Exemple de composants
Header et boutons
Exemple de pages 100% design system
Résultat
+5%
amélioration du taux de conversion
+100
composants créés dans le design system
+70%
de temps gagné à la conception