Projet fictif UI/UX Design Application mobile

TableToGo ,
l’app qui livre
le bon goût à domicile

Concevoir de A à Z l’expérience utilisateur d’une application fictive de food delivery : de la connexion à la carte de suivi GPS, en passant par la découverte, la commande et le paiement.

Type de projet

Projet fictif

Discipline

UI/UX Mobile

Secteur

Food Tech / Livraison

Outil

Figma

Designer

Aurore Milants

APERÇU DU PROJET

6 écrans, un parcours complet

Du splash screen au suivi GPS : chaque étape de la commande a été conçue pour être fluide, intuitive et agréable.

Trois écrans de l'application TableToGo sur iPhone : splash, accueil et panier, sur fond orange
Le brief

Une app de livraison
pensée pour les actifs

TableToGo est une application fictive de food delivery dont le slogan « Good food, wherever you are » exprime l’essentiel : manger bien, vite, et où qu’on soit.

L’objectif était de concevoir un parcours utilisateur complet : connexion, découverte des restaurants, sélection du menu, validation du panier, paiement et suivi en temps réel.

🍕
Cible : jeunes actifs 20-35 ans, urbains, peu de temps mais envie de bien manger. La rapidité et la clarté sont primordiales.
📱
Mobile-first & fluide Toute l’expérience est pensée pour le pouce : navigation basée sur les onglets, scrolling vertical, CTA accessibles.
📍
Parcours complet 6 écrans couvrant l’intégralité du flow : authentification, découverte, commande, paiement et suivi GPS.
🌞
Identité chaleureuse Une palette orange énergique et un logo en mouvement pour une marque dynamique et appétissante.
PARCOURS UTILISATEUR

De la connexion au suivi

Chaque écran a été conçu pour réduire la friction et accélérer la décision de commande

Écran de connexion TableToGo avec logo et boutons Se connecter / Créer un compte
1

Splash & connexion

Écran d'accueil avec catégories, promos et sections vegans / sans gluten
2

Découverte

Menu du restaurant Cookin' Bar avec liste de burgers et boutons Ajouter au panier
3

Menu & restaurant

Écran du panier avec récapitulatif, suggestion de dessert et total de commande
4

Panier

Écran de paiement avec choix entre paiement en ligne et paiement au livreur
5

Paiement

Écran de suivi GPS avec carte et message Votre livreur est en route
6

Suivi GPS

Les objectifs

Ce qu’on cherchait à atteindre

Trois principes directeurs pour une expérience qui convertit et qui fidélise

01

Zéro friction

Réduire au minimum le nombre de taps entre l’ouverture de l’app et la validation de la commande. Chaque étape superflue est une commande perdue.

02

Confiance
& transparence

Afficher les délais, les frais de livraison et les notes des restaurants dès la découverte. L’utilisateur ne doit jamais avoir de mauvaises surprises.

03

Upsell
intelligent

Proposer des compléments au bon moment (dessert dans le panier, code promo) sans perturber le flux principal de commande.

Écran d'accueil TableToGo avec filtres livraison / à emporter, catégories et sections personnalisées
L’approche UX

Personnalisation
et découverte guidée

L’écran d’accueil combine deux modes de commande (livraison et à emporter) avec une barre de recherche prominent et des catégories cliquables pour orienter rapidement l’utilisateur.

Les sections « Pour les vegans » et « Pour les Sans gluten » créent une expérience personnalisée sans nécessiter de préférences enregistrées.

Les notes et les temps de livraison sont affichés directement sur les cartes restaurant, réduisant l’incertitude et accélérant la décision.

Le détail qui fait la différence

Un panier qui
anticipe vos envies

L’écran panier ne se contente pas de résumer la commande : il propose un dessert pertinent au bon moment, avec une image appétissante et un CTA clair.

Le pourboire livreur, le code promo et le résumé des coûts sont présentés de façon transparente avant de finaliser, évitant les abandons de commande de dernière minute.

La navigation par onglets bas (Accueil, Parcourir, Panier, Profil) reste constante sur tous les écrans pour garantir une orientation spatiale immédiate.

Panier TableToGo avec suggestion de dessert, pourboire livreur et total 35€
Points forts du design

Ce que ce projet démontre

⚙️

Système de design cohérent

Couleurs, typographie, boutons et icônes réutilisés sur tous les écrans pour une expérience unifiée.

🔗

Parcours sans rupture

6 écrans enchaînés logiquement avec des transitions naturelles et un fil conducteur visuel orange.

Actions primaires claires

Chaque écran possède un CTA unique et visible : pas d’ambiguïté sur l’action attendue.

🎯

Accessible & inclusif

Contrastes élevés, tailles de texte lisibles, zones tactiles adaptées au pouce.

Vous avez un projet d’application ou de site ?

Parcours utilisateur, maquettes interactives, design system : je vous accompagne de la conception à la livraison.