Resto & food court · Applications web
Mesa
Commander depuis la table
Scroll pour découvrir ↓
01 · Resto & food court
Commander depuis la table
Commande à table — menu, panier, addition.
- 01
Menu
QR code · dispo temps réel · allergies signalées.
- 02
Table
Commande liée au numéro de table, sans file.
- 03
Addition
Paiement split, tip, reçu par e-mail.
01b · Technique
Fiche technique
Stack, mise en ligne et mon rôle sur ce build — pour recruteurs et tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- Framer Motion
- local state
- Déploiement
Démo /play — parcours produit sans API réelle
- Rôle
Produit · UI · flux métier
- Conditions
App démo interactive — intention produit claire
02 · Dans le produit
Un scroll, un écran
Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.
Resto & food court
Commander depuis la table
Menu
QR code · dispo temps réel · allergies signalées.
Table
Commande liée au numéro de table, sans file.
Addition
Paiement split, tip, reçu par e-mail.
Tables
“On a commandé le deuxième tour sans chercher le serveur.”
Table 12
Voir le menu Mesa
Scanne le QR de démo et passe une commande fictive.
Date
Heure
Couverts
Retour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Tables
Service plus fluide
“On a commandé le deuxième tour sans chercher le serveur.”
“Tickets cuisine plus clairs — moins d’erreurs.”
04 · Démo salle
Voir le menu Mesa
Scanne le QR de démo et passe une commande fictive.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
05 · Même famille
D’autres directions du même type — pour comparer densités et ambiances.
06 · Ce qu’on regarde
- 01Hero + sections sous la fold (pas juste une accroche)
- 02Hiérarchie visuelle et CTA principal
- 03Densité d’info vs lisibilité
- 04États interactifs (hover, sélection, feedback)