Pilotage et réalisation de projets UX/UI pour les applications DSI du Groupe ADP : parcours utilisateurs, wireframes, ateliers et le design system qui tient l'ensemble, du parking à la boutique en ligne.
Chez Groupe ADP, j'ai conçu et fait évoluer les interfaces des services en ligne de Paris Aéroport, pour des utilisateurs pressés, en mobilité, et qui n'ont aucune marge d'erreur quand un avion arrive.
Le terrain de jeu, ce sont les applications de la DSI : la boutique en ligne (BOL), l'espace client et le parcours parking. Des produits où le moindre frottement coûte cher, parce que l'utilisateur réserve souvent en dernière minute, depuis son téléphone, parfois déjà sur la route de l'aéroport.
Mon rôle a consisté à piloter et réaliser des projets UX/UI de bout en bout : participer à la mise en place des parcours utilisateurs, proposer des améliorations de navigation, et tenir la cohérence d'une application à l'autre. Le tout dans la méthodologie de gestion de projet de la qualité DSI, en lien permanent avec le lead technique et les métiers.
La page d'accueil de la Boutique en Ligne se reconfigure selon le vol du voyageur, ici un retour à Roissy-CDG : en desktop comme en mobile, à partir des mêmes briques.
Ouvrir la maquette ⤢
Au-delà des écrans, j'ai construit le système qui les tient : palette, échelle typographique Houschka Pro, espacements, rayons et une bibliothèque de composants réutilisables, partagés d'une application à l'autre.
Tout centralisé en styles partagés dans Adobe XD : plus aucun écran ne repartait de zéro, et la marque Paris Aéroport restait reconnaissable partout, du parking à la boutique en ligne.
Avant la moindre couleur, le parcours. Chaque projet partait d'une intention claire sur la navigation, puis se densifiait : esquisses, wireframes, maquettes interactives, story-boards.
Je matérialisais chaque parcours en wireframes pour cadrer la structure bien avant le visuel, puis en maquettes interactives et story-boards pour rendre le scénario tangible.
Imprimés et affichés au mur, ils deviennent un terrain de discussion commun : on lit le parcours entier d'un seul coup d'œil.
L'objectif : dérisquer la navigation avant d'investir dans le visuel finalisé. On tue les mauvaises pistes au mur, pas en production.
Chaque étape du tunnel, de la recherche à la commande, était posée, annotée et validée avec les métiers.
Tous les parcours convergeaient dans un prototype interactif unique : la référence partagée entre design, technique et métiers, qu'on pouvait cliquer, tester et trancher avant d'écrire la moindre ligne.
La landing parking premium de Paris-Charles de Gaulle : une page entière où recherche, offres et réassurance s'enchaînent, entièrement bâtie avec les composants du système.
Voir la page entière ⤢
Un bon parcours ne se décrète pas seul dans un coin. Je préparais et animais des ateliers UX pour faire émerger les besoins, confronter les hypothèses et embarquer les métiers.
Murs de wireframes imprimés, annotations, post-its : des sessions concrètes où l'on critique les écrans ensemble, où chaque partie prenante voit le parcours en entier et où les décisions se prennent à plusieurs plutôt que par hypothèse. C'est là que la coordination avec le lead technique et les métiers prenait tout son sens, pour étudier la faisabilité des parcours et garder tout le monde aligné.
De la mise en place des parcours utilisateurs aux maquettes livrées : je tenais le fil du cadrage jusqu'à la production graphique finale.
Proposer des améliorations concrètes de parcours et de navigation, et assurer la cohérence d'une application à l'autre.
Esquisses, wireframes, maquettes interactives et prototypes : rendre chaque scénario tangible et testable avant la technique.
Palette, typographie Houschka Pro et composants réutilisables, plus toute la production graphique (pages, bannières, pictos, icônes) issue du même système.
Piloter la coordination avec le lead technique et les métiers pour étudier la faisabilité des parcours et garantir la cohérence entre applications.
Participer à la rédaction des specs et assurer la cohérence entre données technico-fonctionnelles et assets graphiques, dans la méthodologie qualité DSI.
Des écrans qui guident, et un système qui les tient.
Philippe Elovenko · UX/UI Designer, Groupe ADP (Aéroports de Paris)