• DS distribué. Organisé en atomes.
  • Gros Notion :
    • Ce qui est à jour, ce qui ne l’est pas
    • Par plateforme
    • Les specs (fichiers Lottie etc.)
    • Form submission our les contribution : pourquoi ? version mineure/majeure , quel projet ? Puis review par le design et la tech. Besoin d‘un approval des 2 côtés. Puis c’est au designer de lead ça, updater la doc, et assigner les devs du projet dessus. Template Notion pour ajouter une mineure ou une majeure depuis Notion. Notif quand la review a été validée (Zapier).
  • Channel de release où on pouvait voir les MAJ de composants.
  • Tokens :
    • Catégories : Text / Background / Brand
    • Valeurs : Neutral / NeutralOpposite, Hightlight, Warning/Danger/Confirmation. Des couleurs variables avec de l’opacité.
    • Text styles : 10 (uppercase)/12/14/16/18
    • Radius : 2px à 24px
  • Composants :
    • Composant “Redirection screen”
    • App icons
    • Brand logos pour les partenaires
    • Icons : chevrons et flèches componentisés pour avoir dans les props l’orientation
    • NavBar : Liquid glass ou pas, TabPage/SubPage (avec bouton retour)/PageSheet (Modal), iOS 13 ou 17
    • Loader ring : on n’a pas chez Deezer (TBC)
    • AlertMessage pour remplacer le natif : plus clean, évite les inconsistencies, peut ne pas correspondre avec notre DS
  • Contribution process :
    • On gardait les versions précédentes
    • On gardait aussi les explos, pour voir les versions précédentes, mais c’était un peu le bordel
    • Link vers Notion pour chaque composant : specs, motion, variables
    • Chaque designer leadait son update, faisait la doc, et on se faisait des review entre nous, notamment en design critique.
  • Possible de voir les composants en live : dans une secret zone sur Lydia, une app dédiée chez Android.
  • Conception à partir d’un ScreenTemplate, puis on faisait des autolayout nous-mêmes.
  • Plugin WebP Exporter : pratique pour exporter tous les formats d’image pour Android (webP)
  • Figma organisation :
    • Organisés par verticales pour les Team, avec des icônes pour chaque verticale
    • Un gros fichier Design & Brand
  • File organisation :
    • Cover
    • Assets
    • Ready for dev
    • Exploration
    • Archives