L'Appli SG — écrans natifs
Un référentiel UI pour les écrans natifs de L'Appli SG
- Design System
- Mobile first
- Atomic Design
- Rôle
- Product Designer, Core Team App
- Période
- 2022-2024
- Équipe
- PO, développeurs React Native, UX
L'essentiel, avant le détail
Le problème. La migration de Sketch vers Figma a mis au jour l'absence de référentiel UI exploitable pour les écrans natifs : côté front, il n'existait qu'un storybook technique.
Le résultat. Des écrans unifiés à l'échelle de l'application, et un UI Kit natif prêt à rejoindre le Design System Avenir.
Ce que j'ai fait, et les choix qui comptent
Les parcours existants recomposés en croisant des sources fragmentées, les écrans natifs reconstruits en mobile first, et une librairie Figma en Atomic Design, variables et nomenclature comprises.
- 01
Les parcours existants recomposés à partir de sources fragmentées
- 02
Les écrans natifs reconstruits en mobile first
- 03
Une librairie Figma en Atomic Design, variables et nomenclature comprises
Une réserve à garder en tête
Sur le Design System Avenir : une adoption multipliée par deux, et 30 % d'écarts UI en moins. Des estimations communiquées par Société Générale sur l'ensemble du système, pas une mesure de la seule contribution personnelle.