Design Systems France Meetup #5 - Le workflow de Flamingo, le Design System de Heetch

Design Systems France Meetup #5 - Le workflow de Flamingo, le Design System de Heetch

Orateurs :
- Julien Pelletier, Head of Product Design @ Heetch https://fr.linkedin.com/in/jupelletier
- Julien Vermet, Android Developer @ Heetch https://fr.linkedin.com/in/juvermet

Talk :
Dans ce meetup, découvrez Flamingo, le design system de Heetch.
Dans la première partie du talk, Julien et Julien retrace l’histoire de Flamingo. Comment la refonte de l’application mobile a permis de lancer le projet Design System. En passant de la design retreat à l’implémentation des user flow dans l’application de Heetch.
Dans la seconde partie, ils passent ensuite à la démonstration des outils qu’ils utilisent pour construire Flamingo : de l’application de composants Android au prototype sur Origami.

Présentation
Cette présentation est disponible en vidéo sur la chaîne Youtube de Design Systems France
https://www.youtube.com/channel/UCFWSOEyoOu_PRpD3-MZ2uyA/about

Sources & outils cités
Origami https://origami.design/
Notion https://www.notion.so/
Sketch https://www.sketch.com/
Figma https://www.figma.com/
ZeroHeight https://zeroheight.com/

Design Systems France
La communauté dédiée aux concepteurs de Design Systems dans l'éco-système français. Constuire, apprendre, partager.
https://www.meetup.com/fr-FR/DesignSystemsFrance

Cet évènement a été hébergé par Heetch.
https://www.heetch.com/fr

Transcript

1. /DesignSystemsFrance
   /DesignSystemsFr
   designsystems.fr
   Meetup #5
   Le workflow de Flamingo, le
   Design System de Heetch
   

   View Slide

2. Hello et merci
   

   View Slide

3. Ouvert à tous les profils : Développeurs, Designers, PMs, etc
   Invitez vos collègues, amis, etc.
   Partage d’expériences et connaissance
   Meetup
   

   View Slide

4. Evénements
   1 rendez-vous mensuel : la troisième semaine du mois
   ● Rencontre
   ● Workshop
   ● Talk
   ● Conférence
   

   View Slide

5. 19h30 - Introduction
   Partie 1
   19h45 - Talk : Contexte
   20h15 - Questions et réponses
   Partie 2
   20h30 - Talk : Démo
   21h00 - Questions et réponses
   21h15 - Apéro
   Programme de la soirée
   

   View Slide

6. Introducing Flamingo
   Heetch Design System
   Wifi: Heeboat Guest
   Password: WelcomeInTheBoat
   

   View Slide

7. 160
   employees
   Remote
   culture
   45 devs, 7 PM
   6 designers
   

   View Slide

8. View Slide

9. View Slide

10. View Slide

11. Art direction
    Redesign
    Design system
    Design retreat UI Design Prototyping + testing Specs + doc Implementation
    UI Design Specs + doc Implementation
    WE ARE HERE!
    

    View Slide

12. Art direction
    

    View Slide

13. View Slide

14. Design retreat
    

    View Slide

15. Team
    Apps
    Jérôme
    iOS Developer, Toulouse
    Julien
    Android Developer, Rennes
    Noémie
    Designer, currently NYC :)
    Julien
    Designer, Paris
    

    View Slide

16. Team
    Web
    Ugo
    Front-end developer, Brussels
    Juan
    Designer, currently New Zealand
    

    View Slide

17. View Slide

18. Ride
    Marketplace
    Passenger
    Growth
    Money
    Driver Growth
    

    View Slide

19. Communication
    In the design system team In the company
    

    View Slide

20. Prototyping + testing
    

    View Slide

21. Components
    New UI
    Foundations
    Specs
    Usage rules
    

    View Slide

22. Documentation
    

    View Slide

23. View Slide

24. View Slide

25. View Slide

26. View Slide

27. View Slide

28. Implementation plan
    

    View Slide

29. Q&A
    (10 min)
    

    View Slide

30. Demo time!
    

    View Slide

31. Q&A
    (10 min)
    

    View Slide

32. On recrute ! :)
    ● Product manager, customer care
    ● Marketing manager, France
    ● CRM manager
    ● Directeur artistique
    ● Pas mal de devs (Android, backend, DevOps/SRE)
    heetch.com/jobs/
    

    View Slide

33. Merci Heetch !
    

    View Slide

34. https://www.meetup.com/fr-FR/Design-Systems-France/
    Meetup #6
    Rendez-vous fin avril
    

    View Slide