Aller au contenu principal

Magda Mania

Commande et paiement depuis le téléphone, écran de préparation en cuisine, et une notification quand c’est prêt.

Métier
Snack de skatepark
Lieu
Marseille
Livré
Commande et paiement en ligne, écran cuisine, notifications, espace gérant.
Le logo Magda Mania sur fond rose, l’écran cuisine sur tablette avec ses tickets de commande colorés, et un téléphone affichant la carte client avec les menus en photo.

Ce qui a changé

  1. Une commande n’existe en cuisine qu’une fois payée : plus d’encaissement au comptoir pendant le coup de feu.

  2. Un produit en rupture est marqué « épuisé » sur la carte, et ne peut plus être commandé.

  3. Quand la cuisine s’arrête, le site le dit : personne ne commande pour rien.

  4. Le gérant change un prix, une photo ou un menu lui-même, sans passer par nous.

Le contexte

Magda Mania tient un snack dans un skatepark de Marseille : paninis, pasta box, hot-dogs, crêpes, glaces et boissons.

Sa clientèle est sur place pour rouler. Elle commande entre deux passages, le téléphone à la main.

Le problème

Sur un stand, la commande prise à la voix a deux coûts : le client attend au comptoir au lieu de profiter de sa session, et une personne reste mobilisée à prendre les commandes et à encaisser pendant que la cuisine tourne.

Il fallait que la commande arrive en cuisine déjà claire et déjà payée, et que le client sache quand revenir — sans lui demander d’installer quoi que ce soit.

Notre réponse

Une application web en trois faces qui partagent la même base : la carte pour le client, un écran pour la cuisine, un espace de gestion pour le gérant.

Le client commande et paie depuis son navigateur. La commande payée apparaît sur l’écran cuisine en quelques secondes, et le client suit son avancement sur une page dédiée, avec une notification s’il l’accepte.

Côté client

  • Carte par catégories, menus composables avec options
  • Paiement en ligne sécurisé, sans création de compte
  • Page de suivi propre à chaque commande
  • Notification quand la commande avance, sur abonnement
  • Allergènes affichés depuis la carte
La carte Magda Mania sur fond clair : pastilles de catégories, encart « Bienvenue au skatepark », menus en cartes arrondies avec photo, prix et bouton rose, et la barre « Voir ma commande ».
La carte : les catégories, les menus en photo, le panier toujours à portée. Données d’exemple.
La fiche du Menu Paninis ouverte en bas de l’écran : photo, choix du panini avec Raclette sélectionné, choix de la boisson, bouton rose « Ajouter · 8,90 € ».
Composer un menu : le panini, la boisson, puis l’ajout au panier. Données d’exemple.
Le suivi de la commande MM-135 : le grand numéro, les étapes reçue, en préparation, prête, l’heure annoncée par la cuisine et le reçu de 12,90 €.
Le suivi en direct, avec l’heure annoncée par la cuisine et le reçu. Données d’exemple.

Côté cuisine

  • Écran de préparation mis à jour en temps réel
  • Les commandes arrivent payées, dans l’ordre
  • Installable sur une tablette comme une application
L’écran cuisine sombre avec quatre tickets — prête, en retard, en préparation, nouvelle — aux grands numéros, avec articles, options, temps restant et bouton d’action.
L’écran cuisine en temps réel, lisible à deux mètres. Données d’exemple.
Voir l’écran en grand

Côté gérant

  • Édition de la carte : produits, photos, options, ordre d’affichage
  • Ouverture et fermeture de la prise de commande
  • Historique, remboursements et export
  • Comptes d’accès pour l’équipe
La page « Carte & stocks » de l’espace gérant : produits par catégorie avec interrupteur de disponibilité, un menu en rupture, le stock bas et les sauces à activer.
L’espace gérant : la carte, les ruptures, le stock bas, les sauces. Données d’exemple.
Voir l’écran en grand

Construit avec : Next.js · Stripe · PostgreSQL · Temps réel (SSE) · Notifications Web Push

Les écrans de gestion sont présentés avec des données d’exemple : les chiffres de nos clients restent chez eux.

Votre activité mérite le même soin.

Décrivez-nous votre activité en quelques lignes. Nous vous répondons par écrit avec ce qui vous freine, et dans quel ordre le corriger.