Un projet de démonstration mené de bout en bout : ce que le métier impose, ce que la direction artistique en tire, comment l'expérience s'organise, et seulement ensuite, comment c'est développé.
La Table Méditerranéenne est un restaurant fictif. La marque et la carte sont inventées : ce n'est pas une référence client, et rien sur cette page ne décrit un client réel. Ce qui est décrit, ce sont mes décisions de conception.
Le site, lui, existe. Il est développé, déployé et accessible en ligne. Les scores présentés plus bas sont mesurés sur ce site réel, et vous pouvez les vérifier vous-même à tout moment via le lien PageSpeed.
On ne réserve pas une table gastronomique comme on réserve une brasserie. On veut d'abord savoir si on sera à sa place dans la salle.
Le brief que je me suis donné : concevoir le site d'une table gastronomique à Saint-Tropez, pour une clientèle internationale et de passage. Elle ne connaît ni la rue, ni le chef, ni la réputation locale. Elle choisit depuis une chambre d'hôtel, en trois langues, quelques heures avant le service.
Cette clientèle-là ne compare pas des prix : elle cherche une soirée. Le site doit donc raconter un lieu avant d'énumérer des plats, et le prix, qui s'affiche volontiers sur un site de brasserie, doit ici cesser d'être le sujet. C'est ce constat qui commande toute la direction artistique.
Une carte gastronomique compte moins d'entrées qu'une carte de brasserie, et chacune se regarde. Les images occupent la page entière plutôt que de s'aligner en grille : on découvre un plat à la fois, dans l'ordre où le chef le proposerait.
L'espace autour d'un élément est ce qui lui donne sa valeur : c'est vrai dans une assiette, c'est vrai sur une page. Les marges sont larges, les blocs rares, le défilement lent. Une page dense dirait le contraire de ce que vend la maison.
Pas de tableau, pas de colonne de prix alignée à droite. Les plats sont composés comme un texte, avec leurs producteurs et leurs provenances. Le prix existe, mais il ne structure plus la lecture : il la suit.
Les photographies retenues montrent l'endroit où le client va passer deux heures : la lumière, les tables, la terrasse au moment du service. La cuisine reste hors champ : c'est le travail, pas l'expérience achetée.
Chaque décision d'architecture découle du parti pris ci-dessus. Voici lesquelles, et pourquoi.
Français, anglais, italien, sans rechargement ni retour en haut de page. Un client qui bascule en anglais au milieu de la carte reprend exactement où il en était : parce qu'être renvoyé à l'accueil, c'est perdre le plat qu'on était en train de regarder.
Une clientèle internationale en séjour n'installe pas une plateforme de réservation pour un soir : elle utilise WhatsApp. Un clic ouvre une demande pré-remplie : date, couverts, préférences. Le message part dans la langue du client, et le restaurant garde la relation sans commission.
L'ordre n'est pas neutre : le lieu d'abord, les plats ensuite, le prix en dernier. Un client qui rencontre une carte tarifée avant d'avoir vu la salle évalue une dépense au lieu d'imaginer une soirée, et ce n'est pas la décision qu'on veut déclencher.
Balises hreflang FR/EN/IT, Schema.org Restaurant, fiche Google Business liée au site. Le multilingue n'est pas un bouton de traduction posé après coup : chaque langue a ses propres pages, indexables séparément, sans quoi la version anglaise n'existe pas pour Google.
La salle se juge à table.
Le restaurant se choisit avant.
Mobile
Relevé sur mobile malgré la galerie pleine page : les plats s'affichent sans attente.
Contrastes WCAG, structure sémantique, navigation clavier : sur un site trilingue à galerie riche.
HTTPS, images WebP, aucune librairie vulnérable, avec intégration WhatsApp.
H1 géolocalisé, Schema.org Restaurant, hreflang FR/EN/IT.
Desktop
Sur ordinateur, la galerie s'affiche dès l'ouverture.
Trois points sous le mobile : ils reflètent des choix esthétiques assumés sur les grands formats.
Cohérence technique avec le mobile. Sécurité et protocoles maîtrisés.
Google indexe les trois versions linguistiques : chacune cible son marché.
Scores relevés sur le site déployé. Lighthouse évolue : ces valeurs peuvent varier d'une mesure à l'autre, le lien PageSpeed plus bas permet de les recalculer en direct.
Le site est codé à la main, sans modèle ni extension : images WebP en chargement différé, fonts hébergées localement, WhatsApp déclenché côté client sans serveur, multilingue géré en JavaScript. La technique n'est pas le sujet de cette page : elle est ce qui permet aux décisions précédentes de tenir une fois en ligne.
C'est la contrainte la plus intéressante du projet : une galerie pleine page, trois langues et une intégration de messagerie pèsent lourd par nature. Tout l'arbitrage technique a consisté à les garder sans céder sur la lenteur voulue de la lecture.
Ouvrez le site sur un téléphone. Changez de langue au milieu de la carte, regardez dans quel ordre les choses arrivent, à quel moment le prix apparaît. C'est là que les décisions décrites plus haut deviennent lisibles.
Site de démonstration : déployé sur GitHub Pages
La page dédiée aux restaurants du Var 83 : menu en ligne, WhatsApp, galerie, multilingue, SEO local.
→ Page restaurant VarPage dédiée aux restaurants de Saint-Tropez : clientèle internationale, terrasses de prestige, exigences haut de gamme.
→ Restaurant Saint-TropezBasé à Saint-Tropez, je connais le marché local et accompagne tous les professionnels du Golfe de Saint-Tropez.
→ Page Saint-TropezVotre site de restaurant existe mais est lent ou sans multilinguisme ? Je le refonds entièrement : nouveau design, nouvelles performances.
→ Voir la refonteAprès le lancement, je suis votre site toute l'année, pleine saison comprise : à partir de 60 €/mois.
→ Voir la maintenanceLes autres projets de démonstration, pour les métiers du Var : artisans, agences immo, coiffeurs, conciergeries.
→ Voir le portfolioUn service se prépare toute la journée.
Le site, une fois pour
toutes.
Découvrez l'offre complète sur la création de site pour restaurant ou demandez directement votre devis gratuit.
Devis 100% gratuit · Sans engagement · Réponse sous 24h · Var 83
Étude de cas restaurant gastronomique Saint-Tropez · Performance web restaurant Var 83 · Site restaurant multilingue · Création site restaurant Golfe de Saint-Tropez