Aller au contenu principal
M-Squared— retour à l’accueil

Étude de cas · Restaurant

Osteria Notte

Restaurant italien · Paris · 2026

Faire lire une carte de restaurant sur un téléphone, dans le métro, à une main

Page d’accueil de la démonstration Osteria Notte

Le contexte

Osteria Notte est un restaurant italien imaginé pour la démonstration : une salle de quarante couverts, une carte qui change avec les saisons, et une clientèle qui décide où dîner depuis son téléphone, moins d’une heure avant de s’asseoir.

L’enjeu

Un client qui cherche où dîner fait trois choses dans cet ordre : il tape le nom, il cherche la carte, il cherche comment réserver. S’il bute sur l’une des trois, il passe au restaurant suivant — et le restaurant ne saura jamais qu’il a existé. La carte en PDF est le défaut le plus coûteux : elle s’ouvre dans un lecteur externe, se lit à la loupe, et son contenu reste invisible pour les moteurs de recherche.

Les objectifs

  1. 01

    Rendre la carte lisible d’un pouce, sans zoom et sans téléchargement.

  2. 02

    Amener la réservation à portée de main depuis n’importe quelle page.

  3. 03

    Donner à la salle une présence visuelle, sans alourdir le chargement.

Les solutions

Ce que nous avons construit, et pourquoi.

01

La carte en vraies pages, jamais en PDF

Chaque plat est un élément de la page : lisible à taille de téléphone, modifiable en une minute, et indexable — les plats peuvent ressortir sur une recherche. Un PDF ne fait aucune de ces trois choses.

02

La réservation toujours à un geste

Le bouton de réservation suit le défilement sur mobile et reste dans l’en-tête sur ordinateur. Le parcours est une simulation dans la démonstration ; sur un site en production, il pointe vers l’outil déjà utilisé par le restaurant plutôt que d’en imposer un nouveau.

03

La photographie au service de la faim, pas du poids

Les images sont servies en WebP, dimensionnées pour chaque écran et chargées à la demande. La salle a une ambiance dès la première seconde sans faire payer au visiteur mobile plusieurs mégaoctets.

Ce qui est inclus

  • 5 pages
  • Carte structurée
  • Galerie
  • Réservation (simulation)
  • Pensé mobile
  • Fiche Google prête

Périmètre équivalent

Forfait Standard269 €

Un site de ce périmètre est en ligne en 5 à 7 jours ouvrés, acompte de 50 % au démarrage. Le code vous appartient.

Voir le détail des forfaits

Points clés

Trois décisions que vous pouvez vérifier vous-même dans la démonstration.

  • Carte sans PDFChaque plat est du texte, pas une image.
  • Réservation persistanteAccessible depuis chaque écran.
  • Images optimiséesWebP, tailles adaptées, chargement différé.
Visiter la démonstration

Concept fictif construit par M-Squared pour montrer notre travail. Aucun de ces commerces n’existe : les textes, les tarifs et les parcours sont illustratifs, et les formulaires n’envoient rien.