Couverture du projet d'app de livraison de pizza - Pizza Bot

À propos

Conception d’une app de livraison de pizzas automatisée

Dans le cadre de ma certification UX/UI Design à Cadschool, j’ai conçu PizzaBot.local, une application de livraison de pizzas préparées automatiquement par un robot, disponible 24h/24 et 7j/7. L’objectif : offrir une expérience utilisateur fluide, rapide et accessible grâce à une approche UX complète, du parcours utilisateur aux prototypes interactifs haute fidélité.

Thèmes
Personas
Flux utilisateur
Interactive design
Prototyping

Entreprise
Cadschool

Période
Mars 2025

Aperçu

Contexte du projet : Une application de livraison de pizzas 24h/24 et 7j/7

Chez PizzaBot.local, les pizzas sont préparées par un robot, 24h/24 et 7j/7, à partir de produits frais et locaux. Ce projet m’a permis de mettre en pratique les compétences clés de la formation, notamment :

Analyse des besoins utilisateur : recherche et création de scénarios d’usage.
Conception UX : architecture de l’information, wireframes et parcours utilisateur.
Design UI : création d’interfaces respectant les standards graphiques, ergonomiques et les design patterns.
Prototypage interactif : conception d’un prototype haute-fidélité avec Figma.

Objectif : Concevoir une application de livraison de pizzas simple et crédible

L’objectif principal du projet PizzaBot.local était de concevoir une application de livraion de pizza permettant de commander en toute simplicité, tout en mettant en avant l’originalité du service : des pizzas préparées automatiquement par un robot, disponibles 24h/24 et 7j/7. L’interface devait être :

Rapide et accessible : Un parcours fluide permettant de commander en quelques clics.
Transparente : Valoriser la fraîcheur des ingrédients et expliquer le processus automatisé.
Fiable et intuitive : Assurer une navigation claire et un suivi en temps réel des commandes.
Crédible et engageante : Instaurer la confiance grâce à un design soigné et des visuels rassurants.

Résumé du processus de conception UX/UI

Pour répondre à ces enjeux, j’ai suivi une méthodologie UX structurée :

Définition des personas et scénarios utilisateurs afin d’identifier les attentes et les éventuels freins.
Priorisation des fonctionnalités avec la méthode MoSCoW, en se concentrant sur les besoins essentiels (Must Have et Should Have).
Élaboration du user flow pour structurer la navigation et garantir une expérience utilisateur fluide.
Création des wireframes mid-fidelity sur Miro, afin de poser les bases de l’ergonomie et de l’interface.
Mise en place d’une identité visuelle cohérente pour renforcer la crédibilité du service et rassurer les utilisateurs.
Prototypage interactif haute-fidélité sur Figma, intégrant des interactions avancées et des variables pour améliorer l’immersion.

Grâce à cette approche, PizzaBot.local propose une expérience utilisateur optimisée, alliant simplicité, innovation et confiance.

Processus détaillé de conception UX/UI

Recherche utilisateur : Comprendre les attentes des clients d’une application de livraison de pizzas

Les personas, projections fictives d’utilisateurs types, ont joué un rôle clé dans la conception de PizzaBot.local. Basés sur des observations et des réflexions, ils ont permis d’anticiper les attentes, les motivations et les freins potentiels des futurs utilisateurs de cet application de livraison de pizzas.

En se mettant à la place des utilisateurs, plusieurs points d’attention ont émergé :

Crainte principale : la qualité des pizzas (ingrédients, fraîcheur, goût).
Atouts majeurs : la disponibilité 24h/24 et 7j/7 et le concept original d’une fabrication automatisée par un robot, offrant un avantage concurrentiel unique.

Ces enseignements ont guidé des choix stratégiques en UX/UI :

Rassurer sur la qualité des pizzas en mettant en avant l’origine des ingrédients et les engagements du service via des visuels attrayants et des labels de qualité.
Valoriser l’accessibilité continue en soulignant la possibilité de commander à tout moment, sans contrainte d’horaire.
Mettre en avant l’innovation technologique en illustrant le processus de fabrication automatisé pour éveiller la curiosité et asseoir la crédibilité du service. L’intégration soignée de ces éléments dans l’interface – à travers le design, les messages clés et l’expérience utilisateur – a permis de renforcer la confiance et l’engagement des utilisateurs dès leur première interaction avec l’application.

Définition des user stories et priorisation avec la méthode MoSCoW

Après avoir défini les personas, nous avons formulé des user stories, qui représentent les besoins, actions et attentes spécifiques des utilisateurs dans l’application. Les personas ont servi de base pour rédiger des user stories pertinentes et réalistes, en assurant que chaque fonctionnalité répond aux véritables besoins des utilisateurs.

Pour assurer une gestion efficace du projet, nous avons utilisé la méthode MoSCoW pour prioriser les user stories , en les classant selon leur importance :

Must Have : Fonctionnalités essentielles à la réussite du projet.
Should Have : Fonctionnalités importantes mais non critiques.
Could Have : Fonctionnalités qui ajoutent de la valeur mais ne sont pas urgentes.
Won’t Have : Fonctionnalités qui ne sont pas nécessaires pour cette version de l’application.

Pour répondre directement aux besoins des personas et garantire que l’application de livraison de pizzas répond aux attentes et aux préoccupations les plus importantes, nous nous sommes concentré sur les user stories Must Have et Should Have.

Les user stories nous ont permis de décrire les fonctionnalités du produit du point de vue de l’utilisateur, ce qui a facilité l’identification des priorités fonctionnelles.

Optimisation de l’expérience utilisateur avec le user flow

Le user flow joue un rôle clé dans la conception d’une application en structurant le parcours de l’utilisateur pour rendre l’expérience fluide et intuitive. Il s’agit d’un schéma qui illustre les différentes étapes et interactions nécessaires pour accomplir une action spécifique, comme commander une pizza sur PizzaBot.local.

Là où les user stories définissent ce que l’utilisateur doit pouvoir faire, le user flow décrit comment il va le faire. En reliant ces éléments, nous nous sommes assurés que les fonctionnalités prioritaires (Must Have et Should Have) s’intègrent naturellement dans l’expérience globale.

Au-delà de sa fonction organisationnelle, le user flow aide à anticiper les points de friction, optimiser la navigation et garantir que chaque interaction contribue à un parcours utilisateur efficace. Ce travail de structuration a permis d’affiner l’ergonomie de l’application de livraison de pizzas pour offrir un service intuitif et accessible à tous.

Wireframes mid-fidelity : Structurer l’interface d’une application de commande de pizzas

Les wireframes mid-fidelity permettent de structurer visuellement l’application en définissant l’agencement des éléments, sans se focaliser sur l’aspect graphique final. Ils intègrent les principaux composants et offrent une première vision de l’expérience utilisateur.

S’appuyant sur le user flow, ces maquettes traduisent en interfaces les scénarios identifiés lors de la définition des user stories. Cette étape permet d’optimiser l’ergonomie et d’assurer la cohérence entre les différentes pages avant d’aller plus loin dans le design.

Dans le cadre de PizzaBot.local, j’ai conçu les interfaces pour :

La connexion et l’inscription des utilisateurs.
La présentation des pizzas, avec possibilité de personnalisation.
La gestion du panier et la validation de la commande.
Le suivi des commandes en temps réel.
L’historique des commandes passées.
Le profil utilisateur et ses paramètres.

Ces wireframes ont posé les bases du prototype interactif en matérialisant les interactions et la navigation de l’application. Ils ont également servi de suppo

Création des prototypes interactifs sur Figma

Les prototypes interactifs représentent la dernière étape du processus de conception avant le développement. Ils transforment les wireframes en une version cliquable et réaliste de l’application, permettant de simuler l’expérience utilisateur complète. Grâce à Figma, j’ai pu ajouter des interactions dynamiques et tester la fluidité des parcours définis précédemment.

Ces prototypes permettent de :

Valider la navigation et l’ergonomie avant le développement.
Tester les interactions en conditions réelles.
Obtenir des retours concrets pour affiner l’expérience utilisateur.

J’ai ainsi conçu un prototype interactif intégrant :

Le processus de connexion et d’inscription.
La sélection et la personnalisation des pizzas.
L’ajout au panier et la validation de la commande.
Le suivi des commandes en temps réel.
L’accès à l’historique des commandes et au profil utilisateur.

Cette approche interactive a également été l’occasion d’explorer l’utilisation des variables sur Figma. Bien que leur mise en place soit complexe, elles se sont révélées particulièrement utiles pour simuler des scénarios sans suivre un parcours figé, rendant le prototype encore plus immersif.

Cette dernière étape a permis de finaliser une version aboutie du concept, prête à être testée par des utilisateurs et présentée aux parties prenantes.

Conclusion : Un projet formateur validant mes compétences UX/UI

La conception de PizzaBot.local m’a offert l’opportunité d’appliquer une méthodologie UX/UI complète, de la recherche utilisateur à la création d’un prototype interactif haute fidélité. Ce projet s’inscrit dans le cadre de ma certification UX/UI Design à C adschool Lausanne, qui m’a permis de revoir les bases essentielles du design UX et UI tout en consolidant mes 3 années d’expérience dans ce domaine.

Au-delà du processus de conception, j’ai également choisi de me challenger en explorant l’utilisation des variables sur Figma. Ce défi personnel m’a permis d’évaluer les avantages et les limites de cette fonctionnalité pour la création de prototypes interactifs plus dynamiques. Une approche qui enrichit ma maîtrise de l’outil et ouvre de nouvelles perspectives pour mes futurs projets UX/UI.

Grâce à cette certification, j’ai pu affiner mes compétences et valider mon expertise, en adoptant une approche structurée et centrée sur l’utilisateur, clé dans la conception d’expériences numériques réussies.