Application web mobileConcept
Maris Menu de restaurant
Un menu mobile bilingue pour un café en bord de mer — rapide sur tous les téléphones, modifiable par le propriétaire, sans application à installer.
Dans les coulisses
Le menu, sur la table.
La maquette dans un téléphone, le QR posé sur la table et les pastilles d’allergènes qu’utilise vraiment la cuisine.
Vue d’ensemble
Maris est un concept pour un café en bord de mer à Çeşme : un accueil chaleureux, une cuisine resserrée et une carte imprimée pénible à tenir à jour. Le brief : remiser la carte plastifiée, garder la chaleur.
Le brief
- Problème
- Une carte imprimée périmée le jour même où elle est plastifiée.
- Contrainte
- Le menu doit s’ouvrir en moins d’une seconde sur n’importe quel téléphone, en plein soleil, sans application.
- Réponse
- Un menu mobile en un seul défilement, que le propriétaire modifie depuis son téléphone, ouvert depuis un code posé sur chaque table.
Un menu numérique ne mérite sa place que s’il est plus rapide que de tendre une carte. Concrètement : s’afficher en moins d’une seconde sur un téléphone qui n’a rien en cache, ne jamais attendre le réseau quand on touche une catégorie, et rester lisible en plein soleil de midi, sous un parasol.
Nous avons conçu le menu comme un défilement unique, avec des onglets de catégories toujours visibles, une photographie généreuse et des pastilles d’allergènes posées sur le plat plutôt qu’enfouies dans une légende. Les lignes bilingues basculent sans rechargement — le même plat en turc et en anglais, jamais deux versions désynchronisées.
Derrière l’écran, le propriétaire modifie les prix et les stocks depuis un téléphone, en cuisine. Chaque table reçoit son propre QR imprimé, numéro de table intégré — utile plus tard si le brief s’étend à la prise de commande.
À propos de ce concept
Ce projet concept a été réalisé pour un client fictif. Il illustre la méthode et le niveau d’exigence que nous apportons à nos missions clients.
Approche
Un menu à l’image du café.
La photo d’abord
Une vraie photo vaut mieux que trois recadrages stylisés. Grille serrée, espacement généreux, aucun carrousel.
Bilingue, ligne par ligne
Le turc au-dessus, l’anglais en dessous, même interlignage. Aucune langue n’est reléguée au second rang.
Géré par le propriétaire
Le téléphone de l’équipe fait office de CMS. Une hausse de prix, un plat en rupture, une nouvelle suggestion du jour — en moins d’une minute.
Ce qui est inclus
Tout ce dont un café a besoin. Rien de superflu.
Les chiffres se rapportent au brief du concept.
Vitesse
< 0,8seconde au premier chargement
Menu statique, mis en cache en bordure de réseau. Seul le premier appui sollicite le réseau.
Tables
Un QR code pour chaque table
Une feuille de QR imprimable par table. L’URL sait à quelle table le client est assis.
Allergènes
Sur le plat, pas dans une légende
Gluten, lait, fruits à coque, crustacés — des pastilles sur le plat, là où le client regarde déjà.
Langues
2langues, un seul menu
Bascule dans l’en-tête, préférence mémorisée. Le même contenu, deux voix.
Technologies
- Next.js
- React
- TypeScript
- Tailwind
- Sanity
- Vercel
Essayez vous-même
Une réalisation qui fonctionne, pas une image.
Ouvrez la démo et utilisez-la comme le ferait un visiteur ou un client. Chaque bouton, chaque onglet fonctionne.