Air France Web | E-commerce

  • UX Design
  • UI Design
  • Art Direction
  • Figma
  • Maze
  • Adobe Suite

Rôle: Lead Product Designer | 2020 → 2023

Responsabilités:

Création de la nouvelle identité visuelle digitale et du nouveau design system web

Contexte:

Suite à la demande de l’équipe CX d’intégrer un Travel Guide au site Air France, j’ai rejoint l’équipe digitale et progressivement modernisé l’identité visuelle de différents points de contact digitaux, en proposant des concepts innovants et des interfaces soignées.

Approche

Travel Guide

J’ai réalisé le design visuel du Travel Guide en collaboration avec un UX designer, à partir de ses wireframes. Force de proposition, j’ai modernisé l’ensemble des pages en introduisant davantage d’imagerie pour renforcer l’aspect inspirant, une infographie plus moderne et un layout plus dynamique, tout en préservant la cohérence avec l’existant. Ce travail a ouvert la voie à une modernisation plus globale des futurs projets.

Exploration de l’identité visuelle

À la suite des retours très positifs sur le Travel Guide et du repositionnement premium de la marque, j’ai proposé et exploré plusieurs pistes d’évolution visant à rendre les interfaces digitales plus claire, plus intuitive et mieux alignée avec la nouvelle ambition de la marque.

Création d’un langage graphique en 3D détourée

L’adoption d’un langage visuel basé sur des rendus 3D détourés unifie l’ensemble des interfaces et traduit de manière élégante le positionnement premium de la marque.

Conception du Design System

Création d’un design system complet dans Figma, comprenant :

  • Tokens de couleurs et typographies

  • Bibliothèques de composants avec états d’interaction

  • Règles de layout et d’espacement

  • Intégration des principes d’accessibilité dans chaque composant

Le système a été structuré pour faciliter le travail des développeurs grâce à une documentation claire sur Zeroheight et Storybook, ainsi qu’une roadmap conjointe de livraison des composants.

Impact

Résultats clés
  • Interface moderne et premium, alignée sur la nouvelle identité de marque.
  • Meilleure utilisabilité grâce à une hiérarchie et une accessibilité renforcées.
  • Cycles de développement accélérés grâce au design system partagé.
  • Cohérence accrue entre les expériences issues des deux anciennes applications.
  • Designs validés auprès des utilisateurs, notamment les segments à forte valeur.