La Roulotte à Mag
Un site de commande en direct pour un petit restaurant, et le dashboard léger depuis lequel le restaurant gérerait ses commandes, sa carte et ses horaires.
Commander 
Gérer
En bref
La Roulotte à Mag est un restaurant à Roche, en Isère. J’ai conçu une démonstration de ce que pourrait être son propre outil de commande : les clients consultent la carte par catégories et commandent en livraison ou à emporter depuis leur téléphone ; le restaurant reçoit les commandes, les accepte ou les refuse, ajuste le délai annoncé et gère sa carte. Un sélecteur dans l’en-tête permet de passer du site client à l’espace pro. Les commandes et les chiffres affichés sont illustratifs.
Le problème
Les commandes se prenaient à la main, et les grandes plateformes de livraison sont une réponse lourde pour un petit restaurant. La question : à quoi pourrait ressembler son propre parcours de commande — et à quel point la gestion de ce qui arrive pouvait rester simple.
Ce que j’ai construit
- Côté client : la carte par catégories, livraison ou à emporter, horaires et informations pratiques, et le panier.
- Côté restaurant : commandes du jour, chiffre d’affaires et panier moyen, commandes en cours et nouvelles commandes.
- Traitement des commandes : accepter ou refuser une commande, modifier le délai annoncé.
- Gestion de la carte : disponibilité des produits, prix, promotions, horaires, et fermeture temporaire des commandes en ligne.
- Une vue des produits les plus commandés.
Choix techniques
Concevoir tout le workflow, pas seulement la vitrine
Le client commande → le restaurant reçoit → accepte et fixe un délai → tient sa carte et ses disponibilités à jour. Concevoir les deux bouts ensemble, c’est ce qui transforme une page de commande en outil avec lequel un restaurant pourrait vraiment faire un service.
Des réglages pensés pour le coup de feu
Passer un produit en indisponible, changer un prix ou suspendre les commandes en ligne doit être rapide en plein service : ces réglages sont sur le dashboard, à côté des commandes, pas dans une page de paramètres.
Volontairement petit
Un petit restaurant n’a pas besoin d’une plateforme e-commerce complète. C’est une application React monopage construite avec Vite, TypeScript et Tailwind CSS v4, avec Zustand pour l’état et Framer Motion pour les transitions.