Étude de cas · Site métier · restaurant
AvocadoUn restaurant qui prend ses commandes en ligne, au comptoir et à table.
Avocado est un restaurant de bowls à Menton. On a branché sa maquette validée sur notre moteur de restaurant : commande en ligne, paiement, et un écran cuisine en temps réel.
Voir le site · avocado-menton.fr01Le besoin
Le responsable voulait son site exactement comme la maquette validée, mais avec un vrai moteur derrière : des commandes qui arrivent en cuisine sans ressaisie, et des clients qui paient avant de venir.
02Ce qu'on a construit
Côté visiteurs
- La carte complète, avec tailles, formules et allergènes en clair
- Commande en ligne : formules à étapes, options, créneau de retrait ou de livraison
- Paiement en ligne ou sur place, chacun activable
- Commande sur place par QR code devant la boutique
- Carte « à table » par QR code
- Suivi de la commande par lien et e-mail de confirmation
- Site en français, anglais et italien
Côté gestion
- Carte, tailles, options, photos et ruptures en direct
- Communes livrées, minimum de commande, capacité par créneau, horaires
- Écran cuisine en temps réel : file des commandes et statuts
- Pause des commandes en un geste, séparément pour le site et le QR
- Deux rôles séparés jusque dans la base : gérant et cuisine
- Promos et plats mis en avant
- Suivi des e-mails envoyés aux clients
L'espace de gestion est privé : on le décrit, on ne le montre pas.
03Le parcours d'une commande
- 01PanierLe client compose son repas et choisit un créneau.
- 02DevisLa base recalcule tout : prix, disponibilité, créneau, zone.
- 03EnregistrementUne seule commande créée, même en cas de double clic.
- 04PaiementEn ligne chez Stripe, ou au comptoir.
- 05CuisineLa commande apparaît en direct sur l'écran cuisine.
- 06ClientE-mail de confirmation et suivi jusqu'à « prête ».
04Architecture
Avocado
- InterfaceNext.js · React · trois langues
- HébergementVercel, région Francfort
- DonnéesSupabase : base protégée ligne par ligne, temps réel
- PaiementStripe
- E-mailsResend
- AnimationGSAP
05En chiffres
Qualité mesurée
- 93Accessibilité
- 100Bonnes pratiques
- 92Référencement
Comptés dans le code du projet. Scores Lighthouse sur ordinateur, mesurés le 26/10/2026.