Tous les projetsDesign d’applicationProjet 02 / 12

Food

Un projet de cours, pour apprendre Figma en 2023 : une application pour commander des plats préparés et les recevoir directement sur le campus, trois jours par semaine. De la réflexion UX à la maquette en couleur.

Cadre
Projet de cours, apprentissage de Figma
Année
2023
Rôle
UX, wireframes et maquette
Outil
Figma
  • Maquette
  • Prototype
  • Wireframes
  • Parcours
  • Logo
  • Carte
  • Commande
Food débarque sur votre campus

Des plats à commander depuis le campus, trois jours par semaine.

Lundi : livraison au campus, arrivée à 11h15.

01

La maquette, à tester

Les écrans en couleur reliés entre eux, de l’ouverture jusqu’à la commande validée.

02

Du wireframe à la maquette

La structure validée en niveaux de gris, puis la couleur, les photos et la typographie.

Wireframe Maquette WireframeMaquette
03

Les wireframes

Tous les écrans en niveaux de gris, pour valider la structure avant la couleur.

Planche des wireframes de l’application Food
  • Un logo qui regardeLe « o » de food devient un œil : l’application garde un œil sur ton repas.
  • Trois écrans de découverte« Food débarque sur votre campus », « Régalez-vous avec des plats de toutes cultures », « Tous les lundis, mercredis et vendredis ».
  • Un accueil pensé pour le campusLe lieu de livraison, l’heure d’arrivée et les jours disponibles en haut de l’écran.
  • Des univers culinaires« Direction l’Inde », « Le royaume des salades » : la carte se parcourt comme un voyage.
  • Une fiche plat complèteOrigine de la viande, avis, poids, temps de réchauffage, ingrédients et allergènes.
04

Le parcours type

Tous les écrans de la maquette et les liens entre eux, de la fiche App Store jusqu’au paiement.

Parcours type de l’application Food, écrans reliés par des flèches
05

Tous les écrans

Les quinze écrans de la maquette.

Projet suivant
CarvracAlternance · print et réseaux

On en parle ?

Je cherche un CDI en graphisme ou en direction artistique, et je prends aussi des missions freelance.