CLIENT
The Food Adventures
CONTRIBUTION
UX/UI Design
Design System
YEAR
2021
Simplifier la commande en ligne : fluidité et fidélisation
Une ancienne chef de cuisine de Formule 1, installée dans le sud de la France, m’a sollicitée afin d’optimiser et de faire évoluer son expérience de commande en ligne.
L’interface mobile existante ne répondait pas aux attentes : le processus de commande était long, la navigation confuse, et la dépendance à des solutions tierces freinait à la fois l’expression digitale de sa marque et l’atteinte de ses objectifs commerciaux stratégiques.
01
AUDIT D'EXPÉRIENCE ACTUELLE
Définir les objectifs
Nos principaux objectifs étaient d'augmenter la conversion et l'engagement numérique des nouveaux clients et d'augmenter la fréquence et la facilité de commande des clients existants. Je me suis très familiarisé avec l'expérience actuelle et les principaux problèmes d'utilisabilité à résoudre.
02
POSER LES BONNES QUESTIONS
Recherche
Avant le lancement officiel, j'ai parcouru les documents de recherche fournis par le client, je me suis renseigné sur les tendances de l'industrie et j'ai audité les meilleurs concurrents de leur catégorie. J'ai appris les modèles de l'e-commerce et ce qui motive les commandes répétées et la fidélité des clients. J'ai travaillé en étroite collaboration avec le produit pour comprendre et quantifier où les clients restaient bloqués et/ou rebondissaient. J'ai animé une série d'ateliers de découverte et écouté des entretiens avec des parties prenantes des clients nouveaux, moyens et puissants.
6
Entretiens avec les parties prenantes
7
Entretiens avec les clients
3
Ateliers animes
9
Concurrents audités
03
ANALYSES
Analyses et opportunités
Après de multiples ateliers clients et sessions d'alignement, il est devenu clair où nous devions concentrer notre attention sur la conception.
“I’m getting a bit bored of the Tinga bowl, but it’s safe and right there so I’ll go for it again.”
"Want the content to inspire the customer, which will make them feel good about ordering. When ordering is seamless, frictionless, and that holistic journey creates a loyal customer.”
06
INFORMATION ARCHITECTURE
Structurer l'expérience
Une vue d'ensemble structurée des fonctionnalités et stratégie du contenu a permis de s'assurer que rien n'était oublié. J'ai utilisé ce document comme référence. Plusieurs discussions approfondies avec le client ont été nécessaires pour valider un MVP. Les étapes suivantes ont ensuite été plus faciles à illustrer et à identifier les cas limites.
04
DESIGN DIRECTION
Exploration visuelle
L'objectif n'était pas de refondre complètement la marque ; le client était ouvert à des explorations d'orientation visuelle spécifiques à l'application. J'ai co-animé des ateliers avec le client afin de comprendre qui est la marque The Food Adventures, ce qui manque et d'évaluer son appétit pour le changement.
“ Cela doit être génial, mémorable et unique ”
— Inga Brown
Où nous en sommes
Après quelques tours de feedback, nous avons trouvé une direction à la fois ludique et moderne, mêlant énergie et raffinement. Un univers néo-brutaliste, enrichi de touches dessinées à la main et de couleurs audacieuses et saturées.
06
COMMANDER FACILEMENT
Interactions
Au fil des ans, j'ai développé un système d'organigrammes pour les scénarios comportant de nombreux chemins divergents. Ce système a rencontré un franc succès lors de ce projet avec le client, car il lui a permis de comprendre une logique métier complexe et de découvrir de nouveaux cas limites.
07
KPI CONVERSION
Une page d’accueil dynamique
Le fil d'actualité est probablement la première impression numérique d'un client. Son objectif principal est la communication, l'expression de la marque et la présentation des nouveaux produits du menu. Un système de balayage multidirectionnel permet une utilisation facile d'une seule main et un accès rapide aux informations du compte et au code QR pour le paiement en personne.
08
KPI CONVERSION
Amélioration de la vitesse de paiement grâce à une nouvelle commande sans effort
De toutes les fonctionnalités sur lesquelles j'ai travaillé, la réorganisation est celle qui a connu le plus d'itérations. Au final, la segmentation du flux d'accueil a répondu aux besoins de tous les acteurs clés, sans que les éléments d'interface ne viennent occuper un espace précieux à l'écran. En quelques clics, les clients peuvent ajouter l'intégralité de leurs commandes passées directement au panier, sans même parcourir le menu : un atout précieux pour ceux qui commandent souvent la même chose. Apple et Google Pay n'ont fait que simplifier les choses.
J'établis les flux d'utilisateurs clés via un formulaire simplifié, en préparation de l'étape suivante, où je les illustre et les schématise plus en détail pour le client et les équipes de développement. Vous trouverez ci-dessous un flux de réorganisation que nous avons concentré sur l'identification et le développement.
“Je commande toujours la même chose. Les grandes cartes me semblent intimidantes, alors quand je trouve quelque chose qui me plaît, je le recommande sans cesse.”
—Sophie, utilisateur expérimenté
09
KPI CONVERSION
Improved menu navigation
A modular category landing page designed to improve discoverability of new menu items, and give each localized menu the flexibility to upsell certain menu items. On the full menu, I stacked menu items (versus horizontal scroll) and relied on anchor links for quickly jumping to the different menu categories.
10
AOV AUGMENTÉ
À votre façon
Plus de 60 % des clients étaient prêts à modifier au moins un ingrédient. Cela a donné naissance à une fonctionnalité d'échange : lorsqu'ils suppriment un article, ils peuvent soit confirmer la suppression, soit l'échanger avec plusieurs ingrédients. Cette fonctionnalité d'échange d'un ingrédient à plusieurs a permis d'augmenter le montant moyen des commandes et d'accroître la satisfaction des clients.
Résultats
65%
AUGMENTATION DES COMMANDES
60%
RÉDUCTION DES DEMANDES DE SUPPORT
+ 33 (0) 6 62 81 69 54
penstar@email.com,
Orgeval, 78630, France
© | 2025