Les sites de Air France et KLM disposent d’un Design System partagé multimarque complexe.
Avec le temps et les différents produits (site, application, bornes en aéroport...) disposant chacun de leurs Design System propres, les variations entre les marques, les styles obsolètes et l’absence d’un système unifié de tokens rendaient le maquettage long, peu cohérent et difficile à maintenir pour les designers. Chaque composant devait être décliné manuellement pour Air France et pour KLM, et les divergences entre les plateformes accentuaient les incohérences visuelles et fonctionnelles.

L’enjeu était donc de moderniser le Design System pour le rendre plus robuste, plus logique, plus adaptable et réellement pensé pour un environnement multi-interfaces et multi-marques.

J’ai travaillé à moderniser le Design System en structurant un ensemble complet de design tokens dans Figma, couvrant les couleurs, les valeurs d'espacement et de padding, la typographie, le mode clair/sombre et le responsive desktop/mobile. Cette nouvelle architecture a remplacé les anciens styles et permis de clarifier les règles visuelles, tout en garantissant une adaptation automatique aux identités Air France et KLM.

Nous avons également créé une bibliothèque “Global”, pensée comme fondation commune entre le site, l’app mobile et dans le futur les bornes d’aéroport.
Pour l’alimenter, nous avons revu les composants existants afin de les harmoniser et de les aligner sur les nouveaux tokens.

Au quotidien, j’ai collaboré et continue de collaborer étroitement avec les Product Designers et les développeurs pour cadrer les besoins, définir les évolutions nécessaires et valider avec les développeurs chaque composant avant mise en production.

La mise en place des tokens et de la bibliothèque “Global” a rendu le Design System bien plus cohérent, modulaire et facile à maintenir. Le passage d’une marque à l’autre sur Figma est désormais instantané, tout comme l’adaptation aux modes clair/sombre et aux différents supports. Les incohérences visuelles ont été éliminées et les parcours harmonisés à grande échelle. Les équipes design et développement disposent désormais d’un système unifié, fiable et plus efficace au quotidien.