Étude de cas · Site métier · Commande en ligne
Mama FoodUne carte papier et une page Facebook, devenues un restaurant en ligne.
Senfa a ouvert Mama Food il y a peu, un restaurant asiatique avenue de Sospel, à Menton. Pour se faire connaître, elle n'avait qu'une carte papier et une page Facebook. Pour se développer, il lui fallait un vrai site : qu'on puisse y commander, et que la salle en profite aussi.
Voir le site · mamafood-menton.fr
Le besoin : un site à l'image de la maison, une commande en ligne en click & collect ou en livraison, et à table, une carte qu'on ouvre avec un QR code, toujours à jour avec le site. Derrière, une seule carte à tenir, modifiable depuis l'admin, et un écran pour la cuisine qui suit chaque préparation. Le logo doré de la maison est au centre de tout : c'est lui qui ouvre le site.
Côté visiteurs
- Une entrée animée : le logo doré se pose pièce par pièce, puis une cloche de service se lève sur le plat
- Un accueil qui s'anime au défilement : les assiettes roulent, d'autres tournent en colonnes, et l'on plonge dans le mot « soir » pour découvrir les deux plats du soir, servis dès 17h30
- La carte en ligne, avec une assiette en 3D
- La commande en ligne en click & collect ou en livraison, avec un créneau de retrait
- Le suivi de la commande, et un signal quand elle est prête
- À table, la carte par QR code, lisible sur téléphone et synchronisée avec le site
- En français et en anglais
Côté gestion
- La carte complète modifiable sans développeur : plats, rubriques, options, formules, promotions
- Chaque plat peut être affiché ou retiré de la carte à table
- Les commandes et les réglages : click & collect, livraison, paiement, chacun avec son interrupteur
- Un écran cuisine en trois colonnes, Nouvelles, En préparation et Prêtes, avec un signal sonore à chaque commande
- La mise en pause des commandes en un geste les soirs de rush
- Un seul accès pour la gérante, l'admin et la cuisine
L'espace de gestion est privé : on le décrit, on ne le montre pas.
- 01DécouverteIl tombe sur Mama Food : le logo se pose, la cloche se lève, l'appétit arrive.
- 02CarteIl parcourt les plats, à la portion ou en grande assiette le soir.
- 03CommandeIl compose sa commande et choisit le retrait ou la livraison.
- 04CuisineLa commande arrive sur l'écran cuisine, avec un signal sonore.
- 05PrêteIl est prévenu quand c'est prêt, et vient la chercher à l'heure dite.
- 06À tableSur place, un QR code ouvre la même carte, à jour.
- InterfaceNext.js · ReactPages générées côté serveur : affichage immédiat, bien lues par Google, en deux langues.
- AnimationAnimations au défilementL'entrée et l'accueil s'animent au rythme du défilement, sans bibliothèque lourde, et se calment pour ceux qui préfèrent moins de mouvement.
- DonnéesBase PostgreSQLLa carte, les commandes et les réglages vivent dans une base sécurisée, avec des droits vérifiés par le serveur.
- Temps réelÉcran cuisine en directChaque nouvelle commande apparaît en cuisine sans recharger la page.
- CommandePrix vérifiés côté serveurLe total est recalculé par le serveur : le navigateur ne décide jamais d'un prix.
- NotificationsE-mails et alertesLe client reçoit la confirmation de sa commande, et un signal quand elle est prête.
Tout est natif. Rien n'est loué.
- NatifPaiement, e-mails, comptes, tableaux de bord : construits dans le site, pas empilés en extensions payées chaque mois.
- Rapide par constructionPages préparées à l'avance ou par le serveur, images optimisées : la vitesse est mesurée, pas promise.
- Sécurisé côté serveurPrix, stocks et données sensibles sont vérifiés par le serveur, jamais par le navigateur.
- Design sans compromisChaque écran est dessiné pour la marque, animations comprises : aucun thème partagé.
- ÉvolutifUne nouvelle fonction s'ajoute au site existant, sans changer de plateforme.
- À toiLe site, l'hébergement et le nom de domaine sont au nom du client.
Qualité mesurée
Sur ordinateur
- 98Accessibilité
- 100Bonnes pratiques
- 100Référencement
Sur mobile
- 98Accessibilité
- 100Bonnes pratiques
- 100Référencement
Pages et écrans comptés dans le code du projet, rubriques comptées sur le site en ligne, le 31/10/2026. Scores Lighthouse sur ordinateur et sur mobile, mesurés le 31/10/2026.