B2C · Grand public

Accessibilité

Projet d'école

Refonte du tunnel de réservation

Restaurer l'image de marque par la clarté et la transparence.

Mon rôle

UX/UI Designer · recherche, audit, UI, tests

Contexte

Projet d'école · concept non affilié à EasyJet

Secteur

Aérien / E-commerce grand public

Outils

Figma, tests d'utilisabilité, audit WCAG

EasyJet · concept

Le challenge

Allier fiabilité et performance

Contexte & problématique

Malgré sa position de leader, l'expérience utilisateur d'EasyJet nuit à son image de marque. Le tunnel de réservation actuel génère du stress et de la confusion, poussant les utilisateurs vers la concurrence.

Objectifs et KPIs

Fluidité : réduire de 60 % le nombre de clics sur le parcours de réservation.

Rapidité : diviser par 2 le temps nécessaire pour une réservation classique.

Conversion : augmenter le taux de complétion de 50 %.

Audit

Identifier les points de friction

Accessibilité

Échec des tests de contraste : les standards WCAG AA/AAA ne sont pas respectés. La lisibilité est compromise, notamment sur les éléments d'appel à l'action.

Surcharge cognitive & dark patterns

Présence massive de bannières intrusives et de techniques de vente forcée qui masquent l'action principale : la réservation.

Performance & éco-conception

Une home page et un tunnel plus énergivores que 67 % des sites mondiaux, soit 920 kg de CO₂ générés toutes les 100 000 visites.

« En scénario utilisateur pour réserver un siège sans option, il faut 31 clics et 11 minutes pour comprendre et terminer le parcours. »

Cartographie du parcours existant

Les cinq étapes du tunnel actuel, relevées écran par écran. Chaque bloc mélange l'information utile et les options poussées à la vente.

Étapes 1 et 2 du tunnel EasyJet existant : infos principales du vol et choix prix / dates

Étapes 1 & 2 : infos du vol, puis choix des prix et des dates.

Étape de choix des places aller et retour sur le site EasyJet existant

Choix des places : deux écrans quasi identiques, aller puis retour.

Étapes bagages cabine et bagages en soute du tunnel EasyJet existant

Bagages : cabine et soute traités sur deux pages distinctes.

Étapes location de voiture et assurance du tunnel EasyJet existant

Options : location de voiture et assurance, avant d'atteindre le paiement.

Recherche

Comprendre les besoins et frustrations

Méthodologie

Interviews utilisateurs et tests d'utilisabilité sur le site actuel pour identifier les blocages psychologiques.

L'insight majeur

La complexité de l'interface et les dark patterns excessifs créent un sentiment d'insécurité. Les utilisateurs ont l'impression d'être « piégés » par les options additionnelles.

Conclusion de recherche

Nécessité absolue de passer d'un parcours « vendeur » à un parcours « accompagnateur », tout en gardant la volonté de vendre des options.

Ce que disent les utilisateurs

Beaucoup de dark patterns pour forcer l'achat d'option

On se perd très vite sur le site

Des pages inutiles qui se répètent

Les options de modification sont mal indiquées

Pour trouver une page précise on se retrouve à changer totalement d'interface

Solution

Stratégie de refonte

Un nouvel usage de la couleur

Accentuer le blanc pour une meilleure lisibilité du site.

Orange utilisé en second plan pour le rendre plus agréable à l'usage.

Noir moins présent, gardé pour les petits éléments.

Bleu pour améliorer l'accessibilité et les contrastes d'interaction.

Une typographie nette

Poppins regular et semi-bold : plus lisible, sans spécificité dans les caractères qui nuirait à l'accessibilité, moderne et simple.

Concept de navigation

Suppression des doublons et des pages inutiles pour créer un parcours linéaire sans friction. Application du kit UI et cadrage des usages pour garantir un confort de lecture optimal.

Fonctionnalités clés

Mise en avant immédiate des tarifs, des horaires et des détails du vol pour une prise de décision rapide.

Réduction drastique des dark patterns pour restaurer la confiance de l'utilisateur durant l'achat.

Le parcours redessiné

Cinq écrans au lieu de neuf. Les options restent accessibles, mais elles ne bloquent plus la route vers le paiement.

Page d'accueil redessinée avec le moteur de recherche de vol au premier plan

Accueil : la recherche de vol occupe le premier plan, sans bannière promotionnelle par-dessus.

Champ de recherche ouvert avec la liste des aéroports de départ

Recherche : sélection de l'aéroport directement dans le champ, sans changement de page.

Écran de choix du vol avec les prix par date et les horaires

Choix du vol : prix par date et horaires visibles d'un coup d'œil, aller et retour sur le même écran.

Écran unique regroupant bagages et assurances

Options : bagages et assurances regroupés sur une seule page, avec un bouton « Passer » explicite.

Récapitulatif : tout le voyage sur un écran avant le paiement, y compris ce qui n'a pas été pris.

Résultats

Des résultats mesurables et validés

Tests d'utilisabilité réalisés sur prototype haute-fidélité auprès de 3 profils utilisateurs variés.

−58 %

de clics sur le parcours de base, celui de l'audit : réserver un vol sans option passe de 31 à 13 clics. L'objectif fixé était de −60 %.

−36 %

de temps sur ce même parcours : 11 minutes avant, 7 minutes sur le prototype.

3 profils

utilisateurs variés testés sur le prototype haute-fidélité.

Tout est clair, je sais où je suis

C'est bien plus simple de passer les étapes qui ne me concernent pas

Chaque étape est explicite, moins chargé en info peu utile

C'est bien plus rapide que sur la version initiale et bien plus intuitif

Tests d'utilisabilité sur prototype

Deux des trois sessions, chronométrées sur le même scénario que l'audit initial : réserver un vol aller-retour sans option.

Résultats du test utilisateur 1 : 3 minutes pour réserver, 13 clics au total

Session 1 : 13 clics sur le parcours de base contre 31 sur le site actuel, et 7 minutes pour aller jusqu'au paiement.

Résultats du test utilisateur 2 : 2 minutes pour réserver, 16 clics au total

Session 2 : 2 minutes pour réserver un vol, 16 clics en prenant toutes les options. Une demande revient, expliciter les services médicaux.

En conclusion

Ce que j'en retire

L'accessibilité est un levier de performance

Ce n'est pas une contrainte, c'est le fondement d'une expérience fluide pour tous.

Le design éthique apporte de la valeur à l'offre

En supprimant les dark patterns, on restaure la confiance et on améliore l'image de marque sur le long terme.

Ce projet démontre qu'un design rigoureux peut transformer une interface transactionnelle en un véritable outil d'accompagnement.

← Projet précédent : Continuity Projet suivant : Sevrage tabagique →