Vitamin, le Design System de Décathlon

Dans ce nouveau meetup online, nous avons reçu l'équipe de Decathlon qui présente Vitamin, son #DesignSystem : Sabrina VIGIL, Product Designer Laurent THIEBAULT, Engineering Manager En juin 2020, Decathlon a lancé son propre Design System. Entreprise internationale, favorisant l’autonomie et la créativité (et en full remote, COVID oblige !)... Les challenges sont dans leur ADN ! Dans ce talk, ils nous ont dévoilé les détails de cette année de construction, riche en apprentissage… 📚 Chapitres --------------------- 0:00 - Intro Design Systems France 2:52 - Introduction de la présentation 3:57 - Présentation de Sabrina VIGIL 4:20 - Présentation de Laurent THIEBAULT 4:35 - Présentation de Décathlon 6:22 - Présentation de Vitamin, le Design System de Décathlon 6:57 - Le principe de Subsidiarité 9:09 - Contexte en Juin 2020 9:56 - Problème de cohérence 10:26 - Problème d'efficience 10:45 - Problème d'accessibilité 11:15 - Par où commencer ? kick-off 11:35 - Inventaire de l'existant 12:03 - Analyse des attentes 12:41 - Choix des outils 14:29 - Wiki, la source de vérité sur Confluence 16:59 - Les premiers résultats 18:14 - Le principal critère de succès : les communautés 22:36 - Impliquer les communautés 26:15 - Impliquer les communautés Dev 27:29 - Impliquer les communautés dans les décisions 29:15 - Structuration et Accélération 29:49 - Mise en place d'une stratégie 33:29 - Priorisation des guidelines et composants 34:14 - Mise en place d'une roadmap produit 34:33 - Suivi du delivery avec la méthode OKR 38:10 - 2021, et maintenant ? 39:10 - Les flops - ce qu'ils ont arrêté 40:30 - Les Tops, ce qu'ils vont continuer 41:53 - Les Nexts, ce qu'ils vont commencer 43:31 - Conclusion ❓Questions et réponses 44:43 - Quelle taille d'équipe pour travailler sur le Design System ? 46:09 - Comment se passe la mise à jour des composants dans les produits après l'implémentation du Design System ? Est-ce automatisé, ou est-ce à mettre à jour pour chaque produit manuellement ? 48:44 - Où sont localisés vos studios de Design ? 49:20 - Qui ou quelles entités a pris l'initiative de sensibiliser au besoin de mettre en place un Design System ? Comment s'est passée l'évangélisation des parties prenantes, notamment auprès des sponsors pour obtenir les moyens nécessaires ? Et quels ont été les obstacles s'il y en a eu ? 52:19 - Comment Décathlon a embarqué les équipes dans le Design System ? Les équipes étaient elles déjà sensibles ? 52:33 - Qu'est ce que vous avez fait pour imposer la réorganisation ? 53:28 - Comment avez-vous commencé le Design System ? Commencé par un UI kit, un styleguide, puis ensuite Design System ? 54:37 - Est ce que vous avez fait de la user research parmi les contributeurs ? 55:36 - Qui est / sont les chefs d'orchestre de Vitamin, priorisation du backlog, suivi du delivery, animation des ateliers, est ce que c'est un profil dédié ou à temps partiel ? 57:04 - Quand vous dites que plus de 10 produits utilisent Vitamin, qu'entendez-vous par produit, site web, application ? 57:48 - Quels sont les profils d'utilisateurs du Design System ? Designer, Développeur, Product Owner, Marketing, Consultant ? 58:33 - Suivez-vous les accessibility guidelines avec vos nouveaux composants ? 59:17 - Aujourd'hui, où en êtes-vous niveau cohérence sur vos différents points de contact ? 1:00:09 - Utilisez vous des Design Tokens et si oui comment l'avez-vous mis en place ? 1:01:33 - Par quels composants avez-vous commencé au tout début du MVP ? En excluant font, color, shadow, etc 1:01:54 - Combien aviez-vous de personnes pour mettre en place le Design System au démarrage du projet, comment ça a évolué ? 1:02:18 - Combien de temps au total faut-il pour créer un Design System ? 1:03:08 - Quelle est la difficulté pour se coordonner à l'internationale ? 1:04:49 - Quel est le lien entre le Confluence d'origine et le Zeroheight ? 1:05:39 - Comment avez-vous géré les différences culturelles : UX writing, couleurs, etc ? 1:06:51 - Côté mobile, créez-vous des librairies externes (Cotfin et Swift) qui sont importées dans les applications ou bien une version Swift UI prévue ? 🌐 Liens Le Design System de Decathlon https://www.decathlon.design/ L'article de Brad Frost https://bradfrost.com/blog/post/desig... Exemple de release note (newsletter) https://bit.ly/2SPQnci Formulaire de rencontre des équipes https://forms.gle/vsihEECZqmWRFZvW8 Github web et android https://github.com/decathlon/vitamin-web et https://github.com/decathlon/vitamin-... L'article d'Audrey Hacq   / atelier-prioriser-les-composants-de-votre-...   Le lien de la présentation https://speakerdeck.com/designsystems... 🇫🇷 Design Systems France La communauté dédiée aux concepteurs de Design Systems dans l'éco-système français. Construire, apprendre, partager https://designsystems.fr/ #DesignSystem #Zeroheight #Confluence