Mesa

Fictional direction · NDA · Web apps

Mesa

Commander depuis la table

Scroll to explore

01 · The brief

Commander depuis la table

Show a credible interface without exposing a real client. Same craft level, clear journey, playable interactions.

02 · Inside the product

One scroll, one screen

Each section locks to the viewport — scroll naturally.

Mesa
MesaVoir le menu

Resto & food court

Commander depuis la table

01

Menu

QR code · dispo temps réel · allergies signalées.

02

Table

Commande liée au numéro de table, sans file.

03

Addition

Paiement split, tip, reçu par e-mail.

MesaVoir le menu

Tables

Service plus fluide

On a commandé le deuxième tour sans chercher le serveur.
Table 12
Tickets cuisine plus clairs — moins d’erreurs.
Chef
MesaVoir le menu

Démo salle

Voir le menu Mesa

Scanne le QR de démo et passe une commande fictive.

Voir le menu

03 · Playable prototype

Touch it

Click, filter, navigate — everything reacts. Nothing hits a real backend: it’s an intent demo.

  • Hero + below-the-fold sections (not just a hook)
  • Visual hierarchy and primary CTA
  • Information density vs readability
Mesa

Commander depuis la table

Choisis une option pour avancer dans le tunnel (factice).

Local demo — no data is sent.

04 · Same family

Other directions of the same type — to compare density and mood.

La Place — Le marché local, livré chez vous
La PlaceLe marché local, livré chez vous
Forge — Catalogue pro en ligne
ForgeCatalogue pro en ligne
Créneau — Réserver sans appeler
CréneauRéserver sans appeler
Atelier Brut — Objets faits main, commande en ligne
Atelier BrutObjets faits main, commande en ligne

05 · What to look at

  1. 01Hero + below-the-fold sections (not just a hook)
  2. 02Visual hierarchy and primary CTA
  3. 03Information density vs readability
  4. 04Interactive states (hover, selection, feedback)

A project in this spirit?

Mesa — Commander depuis la table | Ilyesse