🇫🇷 Ok on a un Design System, c’est quoi la suite ?

Ça y est. Vous avez les bases de votre design system : un kit graphique, une documentation et du code en production. Bravo ! Mais l'histoire ne s’arrête pas là, elle ne fait que commencer.

Nous vivons cette drôle d’aventure depuis plus de 5 ans à la Société Générale. Après avoir pensé (et plus d’une fois) avoir “fini” notre design system, nous continuons aujourd'hui sa diffusion et son amélioration pour une grande diversité de métiers, d’utilisateurs et de méthodologies projet.

Voici nos réussites, nos erreurs et ce que nous avons appris de nos expérimentations. Nous vous parlerons aussi de ce qui nous passionne : le passage à l'échelle, l’outillage et l’infusion organisationnelle de notre design system.

Design System Summit, Paris, février 2020

Articles disponibles sur : https://medium.com/societe-generale-design/

Transcript

1. OK ON A UN
   DESIGN SYSTEM,
   C’EST QUOI LA
   SUITE ?
   

   View Slide

2. View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. Fabien
   Morgane
   

   View Slide

8. 1 PITCHER
   2 ITÉRER
   3 INFUSER
   

   View Slide

9. PITCHER
   

   View Slide

10. View Slide

11. View Slide

12. View Slide

13. View Slide

14. View Slide

15. View Slide

16. View Slide

17. View Slide

18. View Slide

19. Kits graphiques
    Code
    SG DESIGN SYSTEM EN 2020
    

    View Slide

20. Documentation
    SG DESIGN SYSTEM EN 2020
    

    View Slide

21. NOTRE PITCH
    

    View Slide

22. ITÉRER
    

    View Slide

23. View Slide

24. View Slide

25. View Slide

26. View Slide

27. View Slide

28. View Slide

29. View Slide

30. View Slide

31. View Slide

32. View Slide

33. View Slide

34. INFUSER
    

    View Slide

35. GOUVERNANCE À L’ÉCHELLE
    

    View Slide

36. View Slide

37. View Slide

38. OUTILS DE DIFFUSION
    ET COLLABORATION
    

    View Slide

39. View Slide

40. View Slide

41. 1 PITCHER
    2 ITÉRER
    3 INFUSER
    

    View Slide

42. View Slide

43. View Slide

44. View Slide

45. View Slide

46. MERCI!
    

    View Slide

47. View Slide