Accompagnement UI pour plusieurs espaces utilisateur

Client
Air Caraïbes
Année
2026
Expertise
Direction artistiqueUI designDesign System

Le challenge

Suite à des changements de solutions techniques, Air Caraïbes nous confie un beau chantier qui consiste à repenser plusieurs de leurs espaces utilisateurs. Sans tout réinventer pour autant, l’identité visuelle de la marque reste et le design system existant nous sert de base.

Accompagnement UI pour plusieurs espaces utilisateur

Déroulé du projet

  1. 01. Acculturation au design system et benchmark des statuts
  2. 02. Conception UI de l'espace fidélité, 7 écrans desktop et mobile
  3. 03. Remontage sous Figma des écrans du partenaire, à partir de captures
  4. 04. Conception UI du tunnel d'achat, 11 écrans desktop et mobile
  5. 05. Pistes créatives et direction artistique du portail B2B
  6. 06. Itérations avec le client et le partenaire, consolidation, livraison

Détail de l'étude

Brief projet

Les mains d'une personne sur un ordinateur portable qui affiche l'espace fidélité Préférence, avec la carte Silver Plus et le compteur de miles convertibles.

Il y a des projets sur lesquels tout le monde se positionne en même temps à l’agence, Air Caraïbes fait clairement partie de ceux-là. Les palmiers et les lagons qui défilent dans les maquettes pendant l’hiver à Lyon ou Bordeaux, on ne va pas se plaindre !

Nous travaillons pendant quelques semaines sur trois périmètres distincts, tout d’abord l’espace Préférence, qui s’adresse aux clients fidèles, qu’on repense de fond en comble. Puis le tunnel de réservation de vol qui migre vers une solution technique plus moderne qu’on remet à la charte. Et enfin on offre une refonte au portail B2B biz.aircaraibes.com.

Espace fidélité

Un ordinateur portable posé sur une table de café affiche la page des offres en miles, à côté d'une main qui tient un téléphone ouvert sur l'espace Préférence.

L’espace fidélité, c’est sans aucun doute l’un des enjeux les plus importants d’une marque. On veut que les utilisateurs puissent comprendre rapidement leurs avantages et découvrir leurs points. Ici, Air Caraïbes veut pouvoir créer un espace fidélité attrayant et dynamique tout en s’appuyant au maximum sur leurs composants déjà existants.

Il faut quelque chose de cohérent sur le plan design qui puisse se fondre dans la direction artistique déjà en place. Mais plus que la beauté formelle, on pense avant tout à l’expérience utilisateur et à ce que l’on doit mettre en avant pour que tout soit clair.

Un petit travail UX s’impose donc avant de se lancer sur la couche design ! Heureusement, très vite les choses se mettent en place et le travail en parallèle avec l’équipe d’Air Caraïbes se fait avec une réelle fluidité. Et nous nous retrouvons avec un nouvel espace fidélité en accord avec l’identité de la marque.

Avant
L'ancienne page de connexion à l'espace Préférence, avec son formulaire d'identification à gauche et une vue aérienne de plage à droite.
Après
La nouvelle page de connexion à l'espace Préférence, avec le formulaire d'identification à gauche, les arguments d'inscription à droite et la connexion par Google, Apple ou Facebook.
Avant
L'ancien tableau de bord de l'espace Préférence, avec le bloc du prochain vol à gauche et la carte de fidélité et sa jauge de statut à droite.
Après
La nouvelle page Ma carte de fidélité, avec la carte Silver Plus, les compteurs de miles et le tableau comparatif des avantages par statut.

Tunnel d’achat

Air Caraïbes se retrouve face à une situation compliquée : adapter une migration technique. Ils font alors appel à nos services pour s’adapter aux nouvelles contraintes, tout en conservant la direction artistique de la marque. Ici, nous voulons pouvoir garder au maximum ce qui fait d’Air Caraïbes, Air Caraïbes. Ces grands aplats bleus, ces images féeriques et son style unique.

Très vite, les premières contraintes paraissent évidentes : on nous donne un design système très strict et compliqué qu’il faut pouvoir réutiliser au maximum. Nous voulons éviter au mieux d’avoir à créer des composants personnalisés. Se mettre dedans, c’est donc déjà une étape compliquée, il faut comprendre comment marche le Design System de leur partenaire, réussir à modifier juste assez mais pas trop et garder le tout attrayant. Un challenge difficile mais pas infaisable.

Main dans la main avec nos équipes, les équipes Air Caraïbes et les équipes techniques, nous arrivons finalement à proposer une solution qui, tout en gardant la création de nouveaux composants au minimum, permet tout de même de garder l’univers de la marque. Il est essentiel pour nous de proposer quelque chose de qualitatif et d’agréable à regarder autant qu’à utiliser.

Une personne de dos dans un espace de travail vitré, devant un ordinateur portable ouvert sur une grille de sélection de sièges du site Air Caraïbes.
Plusieurs maquettes du tunnel d'achat disposées en perspective sur un fond bleu : choix du vol aller, bagages, choix du siège et sélection du tarif.
Avant
L'ancienne page de choix des sièges, avec le plan de cabine au centre et le récapitulatif de la réservation dans une colonne à droite.
Après
La nouvelle page de choix du siège, avec le plan de cabine en pleine largeur, les passagers en haut et la légende des types de siège en bas.

Portail B2B biz.aircaraibes.com

Un écran d'ordinateur affiche la page d'accueil du portail, les logos Air Caraïbes et French bee côte à côte, au-dessus d'un module de recherche de vols et d'une rubrique Actualités.

Nous intervenons ici pour un besoin très spécifique : une harmonisation de leurs deux marques à travers un site hybride, il faut donc mixer l’identité graphique assez forte d’Air Caraïbes avec celle de leur marque French Bee, qui est, elle, plutôt orientée Low-cost.

Il est important que les deux typologies clients s’y retrouvent.

C’est en proposant de nombreuses pistes et maquettes que nous avons réussi à trouver un compromis graphique idéal pour la fusion de ces deux marques. Simple, cohérente et esthétique, les deux marques se fondent très bien entre elles !

Le mot de la fin

Vue aérienne d'une plage de sable blanc bordée de cocotiers, avec ses parasols et un bâtiment au toit rouge, au bord d'une eau turquoise.

Résultat ?

Une collaboration sur plusieurs axes qui a très bien fonctionné et qui nous a permis de nous évader un peu. Il est tout de même important de noter que, si nous avons beaucoup aimé travailler la tête dans les nuages et les yeux pleins de magnifiques photos, ce projet nous a également permis de travailler sur plusieurs sujets simultanément et d’accroître nos compétences en collaboration interne et externe.

Vous souhaitez discuter de votre projet ?

Échangeons sur vos enjeux, vos contraintes et vos ambitions pour construire ensemble la meilleure expérience utilisateur.

Contactez-nous