McDonald's France
Une refonte XXL pour un géant
En février 2023, j'ai été propulsé au cœur d'un projet d'envergure : repenser l'expérience des bornes de commande McDonald's pour plus de 1500 restaurants en France. Imaginez un peu : ce n'était pas seulement une refonte esthétique, mais une véritable transformation de l'expérience utilisateur, un défi de taille pour le premier canal de vente de McDonald's dans l'Hexagone.
Problematique
Un défi aux multiples facettes
En tant que Design Director chez DDB Paris, j'ai eu la chance de diriger une équipe de 6 designers talentueux, composée de designers d'expérience (UX, UI, DS) et de User researcher. Mon rôle ne se limitait pas à la direction, j'étais également responsable du mentorat et de la montée en compétences. En tant que lead également je prenais des sujets la main dans Figma!
•Redesign complet de l'interface et des parcours : Il fallait repenser chaque interaction, chaque écran, chaque étape du processus de commande. Et ce, en un temps record : 3 mois et demi !
•Collaboration étroite avec les développeurs : Nous avons travaillé en étroite collaboration avec une équipe de développeurs spécialisés dans les interfaces de bornes, forts d'une expérience auprès de grands noms comme Burger King, KFC et UGC.
•Alignement avec les standards US : Les équipes marketing et le CIO de McDonald's Monde souhaitaient une expérience alignée sur les codes américains, en prévision des Jeux Olympiques. Un véritable enjeu de cohérence globale pour la marque.
•Désigner pour un écran tactile verticale en Full HD sans avoir accès à la borne au Studio. Deplus nous devions faire la version accessible au PMR et nous devions donc avoir les distances des CTA à respecter pour se persona Assis. Comment faire ?
Pour pouvoir se rendre compte des zone de touch et des distances avec un iPhone c'est simple on peut utiliser mirror dans Figma. Mais pour une borne tactile de 1,80m comment faire pour ne pas se tromper et tester en itération continue ? C'est alors que j'ai utilisé mon expérience de Spacial designer acquis chez Matsuko Holographique pour modéliser la borne à 3D et synchroniser mes wireframes Figma à Shapes XR afin de tester l'usabilité de mon parcours de base. Sans cela impossible de designer en confiance, surtout pour la version PMR.
Notre approche
l'agilité et le Design Thinking au cœur de la stratégie
Face à ces défis, j'ai opté pour une approche collaborative et itérative, inspirée du Design Thinking. L'objectif ? Avancer vite, bien, et en impliquant toutes les parties prenantes.
•Sprints hebdomadaires : Des points réguliers avec les équipes business, métiers et IT, pour des Design Reviews constructives. Chaque semaine, nous présentions nos avancées, nos prototypes, nos résultats de tests utilisateurs.
•Design Sprints : Un cadencement inspiré de mes expériences chez Ubisoft et Raja, avec des phases de cadrage (user flows), d'idéation, de prototypage (Maze) et de tests utilisateurs. Cette méthode nous a permis de valider rapidement nos hypothèses et d'itérer efficacement.
•User Stories et Roadmap : Découpage des parcours en user stories, hiérarchisées par priorité (design, business, tech), pour une roadmap claire et sereine. Chaque lot de conception était ainsi planifié et suivi avec précision.
•Design System adapté : Création d'un système de design spécifique au marché français, tout en s'inspirant des standards US. Un outil essentiel pour garantir la cohérence et l'efficacité de l'expérience sur l'ensemble des bornes.
À gauche la proposition au Métier de McDonald's de l'organisation des Sprint de Design. À droite le parcours de la User Story Primaire. As a user I need to order a Big Mac™ to take away.
Le design System avec à gauche le niveau template et à droite le niveaux molécule.
enseignements
précieux et des résultats concrets
Ce projet a été une véritable école. J'ai pu constater les différences culturelles entre les consommateurs français et américains, et adapter notre approche en conséquence.
•Déploiement en beta et succès immédiat : En septembre 2024, la solution a été déployée dans les restaurants, avec des retours très positifs. Les managers ont salué la clarté de l'interface et la fluidité des parcours.
•Amélioration continue : Grâce aux retours quantitatifs et qualitatifs des managers, nous avons pu affiner l'expérience pour un déploiement national. Chaque feedback était une opportunité d'améliorer le produit.
•Autonomie et reconnaissance : Mon équipe a fait preuve d'une grande autonomie, et nous avons été félicités pour notre respect des délais et la qualité de notre travail. La satisfaction du client était notre plus belle récompense.
Le report de user test que l'on faisait avec la User Researcher toutes les semaines suite à des test quali.
On faisait une restitution en Design Review tous les vendredis avec les clients.
Un exemple d'hypothèse et d'observations.
Conclusion
une aventure humaine et professionnelle inoubliable
Ce projet McDonald's France a été une aventure humaine et professionnelle extraordinaire. Il a renforcé ma conviction que le Design Thinking et l'agilité sont des atouts majeurs pour créer des expériences utilisateur impactantes. Et surtout, il a prouvé que la collaboration, l'écoute et l'adaptabilité sont les clés du succès.
Animation proposé pour les développeurs
J'ai du faire toutes les animations pour aider les dev et surtout valider le budget d'intégration.
animation du scan de QR code que j'ai réalisé sous Figma / Lottie
animation du Paiement que j'ai réalisé sous Figma / Lottie
animation du ticket que j'ai réalisé sous Figma / Lottie
Impact
testimonials
Mc Donald's france
La direction digital
Un affichage dans l’air du temps, une meilleure ergonomie et un parcours client plus intuitif. De manière générale, c’est très positif que ce soit du côté de McDo, des franchisés ou des retours clients.
DDB
LE Directeur Commercial
Très satisfait du boulot, on répond bien aux objectifs de convergence vers SHARP (La version US), la nouvelle DA est aérée, épurée et valorise beaucoup mieux l’aspect gourmand des produits.
