La vidéo Produit Mockup (Brouillon) que j'ai réalisé en urgence sous FCP X et Apple Motion pour présenter notre concept de User journey aux stakeholders. Car en travaillant écrans par écran on perd parfois le sens premier du design centré sur la journey d'un utilisateur.


L'objectif
Un défi de design dans un contexte PEU agile
En novembre 2023, j'ai rejoint l'équipe de DDB en tant que Design Director UX/UI pour prendre en charge la refonte du site Paris Aéroports. La phase de "discovery" était déjà achevée, et nous étions en pleine phase de conception, avec un objectif d'expérience utilisateur haut de gamme. Cependant, j'ai rapidement identifié plusieurs défis majeurs :
•Un pipeline de design inadapté, ne tenant pas suffisamment compte des phases UX et des tests utilisateurs.
•Une méthodologie "Waterfall" limitant l'agilité et la collaboration.
•L'absence d'un Design System et d'un UI Kit, entraînant des incohérences et des pertes de temps.
•Un développement en parallèle, nécessitant une coordination étroite avec les développeurs.
•La nécessité de créer un Design System efficace pour la DSI et les développeurs frontend.
•L'enjeu de maintenir la richesse fonctionnelle du site tout en optimisant l'expérience utilisateur sur mobile, desktop et tablette.
•Le besoin de rassurer le client sur nos intuitions de conception à travers une vidéo de concept.

Nous avons repris avec la users research tout les parcours et users stories afin d'avoir une vision holistique de l'expérience et cotiser aux mieux nos Sprints de conception

Les UX et UI travaillent maintenant main dans la main. 5 jours D'UX avec le consulting de l'UI et puis 5 jours d'UI avec le consulting de l'UX. Les parcours sont ensuite monté en prototype dans Figma pour les Tests utilisateurs réalisé dans Maze et semi dirigé.

La strategie de mise en oeuvre
Le design Sprint et le Design system
Face à ces défis, j'ai pris l'initiative de :
•Refondre le pipeline de design en adoptant une approche agile, avec des "design sprints" et des tests utilisateurs réguliers.
•Mettre en place un Design System et un UI Kit pour garantir la cohérence et l'efficacité, en étroite collaboration avec les développeurs frontend.
•Instaurer un système de "branching" dans Figma pour faciliter la collaboration avec les développeurs.
•Organiser des démonstrations régulières auprès du client pour recueillir des retours et assurer une amélioration continue.
•Mettre en place des tests utilisateurs en fin de cycle pour valider les hypothèses de conception avant le design d'interface et le développement.
•Utiliser les résultats des tests utilisateurs pour justifier les choix de design auprès du client et des parties prenantes.
•Créer une vidéo de concept pour présenter nos intuitions de conception et rassurer le client.

J'ai leader la responsable UI Design System pour l'encourager à monter en puissance. Aujourd'hui elle enchaîne les UI Kits pour les clients de l'agence avec brio.

Résultats et apprentissage
Ce que j'ai appris de cette expérience
•Améliorer significativement l'efficacité du processus de conception.
•Renforcer la collaboration entre les équipes UX, UI, développement et commerciales.
•Garantir une expérience utilisateur cohérente et de qualité sur tous les supports.
•Développer mes compétences en gestion de projet agile et en collaboration interdisciplinaire.
•Comprendre l'importance d'un Design System efficace pour la DSI et les développeurs.
•Maîtriser l'utilisation des tests utilisateurs et des vidéos de concept pour valider les hypothèses et justifier les choix de design.
•Développer une plateforme web et mobile permettant aux voyageurs de préparer leur voyage et d'accéder à des informations en temps réel.

L'UI réalisée par mon équipe UI, respectant la Brand tout en adaptant à l'écran.

Le fonctionnalité de Stories que nous avons proposé aux clients.

Conclusion
Un projet ambitieux à la collaboration nécessaire
La refonte du site Paris Aéroport a été un projet complexe et stimulant, qui m'a permis de mettre en pratique mes compétences en design UX/UI et en gestion de projet. J'ai appris à adapter mon approche aux contraintes d'un projet de grande envergure, à collaborer efficacement avec différentes équipes et à mettre en place des solutions innovantes pour améliorer l'expérience utilisateur.

L'UI mobile. Nous avons du également faire les déclinaisons Desktop et Tablet.

Takeaway
Points à retenir
•L'importance d'un pipeline de design centré sur l'utilisateur et agile.
•La nécessité d'un Design System et d'un UI Kit efficace pour la DSI et les développeurs.
•L'importance de la communication et de la collaboration entre toutes les équipes impliquées.
•L'importance de la réalisation de tests utilisateurs et de la création de vidéos de concept pour valider les hypothèses et justifier les choix de design.
•L'enjeu de maintenir la richesse fonctionnelle d'un site complexe tout en optimisant l'expérience utilisateur sur tous les supports.
•La satisfaction de voir le site en ligne et utilisé par des millions de voyageurs.

You may also like

Back to Top