L'Étoile Gourmande
Il y a la salle, le dressage, le geste du service ; et puis il y avait le site. L'Étoile Gourmande, table gastronomique installée à Toulouse, soignait chaque détail de l'expérience à table mais accueillait ses futurs clients en ligne avec un site daté, qui ne ressemblait ni à sa cuisine ni à son décor.
Les résultats obtenus
Des chiffres concrets, mesurables, vérifiables.
Le contexte
Le décalage n'était pas qu'esthétique. Dans la gastronomie, le parcours commence presque toujours sur un écran : on découvre le restaurant sur Google Maps ou par une recommandation, on ouvre le site, on parcourt le menu, et c'est là que se joue la réservation. Un site vieillissant fait douter de l'assiette avant même d'avoir goûté ; à ce niveau d'exigence culinaire, il coûte des couverts chaque semaine, et cette première impression digitale pèse autant qu'une critique de presse. La maison a voulu remettre les choses en ordre, avec une attente simple : que l'écran soit à la hauteur de la table.
Nous avons conçu une expérience digitale sobre et sensorielle sur Next.js et Tailwind, pensée mobile-first puisque l'essentiel des visites se fait depuis un téléphone : direction artistique coordonnée avec un photographe professionnel, menus vivants que l'équipe met à jour elle-même, réservation en ligne intégrée au parcours. Six semaines de projet, et un basculement net des usages : +95 % de réservations en ligne, un téléphone qui sonne moins pendant le service, et une image enfin alignée avec l'assiette.
Le défi
Comment faire passer par un écran l'atmosphère d'une salle, la précision d'un dressage, la chaleur d'un service ? C'est l'équation de tous les sites de gastronomie, et peu la résolvent. La tentation classique consiste à empiler les photos plein écran jusqu'au site-diaporama qui met vingt secondes à charger, ruine l'expérience mobile et fait fuir le visiteur avant la première image ; l'excès inverse produit un site-catalogue efficace mais froid, qui pourrait vendre n'importe quoi. Entre les deux, la voie est étroite, d'autant que la performance n'est pas négociable : la réservation se décide souvent dans la rue, sur un téléphone, parfois en sortant tout juste de la fiche Google Maps du restaurant. Chaque seconde de chargement perdue est un couvert qui part ailleurs.
Lire la suite →Réduire ↑
Le second défi était organisationnel. Une table gastronomique vit au rythme du marché : les menus changent avec les saisons et les arrivages, les horaires connaissent leurs exceptions, les fermetures annuelles se déplacent. Le site précédent figeait tout cela dans des pages que personne en interne ne savait modifier, si bien que le menu affiché en ligne était régulièrement en retard sur celui de la salle, le pire signal pour un client qui vient précisément chercher la fraîcheur et la saison. Il fallait un outil que l'équipe fasse vivre elle-même, sans prestataire pour chaque mise à jour et sans formation lourde.
Notre solution
Le parti pris : la retenue. Plutôt que d'accumuler beaucoup d'images moyennes, une séance de photographie professionnelle a été coordonnée en amont avec la direction artistique du site, cadrages, lumières et matières pensés pour les gabarits des pages, afin que chaque visuel serve la mise en page au lieu de la subir. Les micro-animations au scroll donnent du rythme à la lecture sans jamais voler la vedette aux plats ; la palette, chaude et minérale, est accordée à celle de la salle pour que le passage de l'écran à la table se fasse sans rupture.
Lire la suite →Réduire ↑
Le développement sur Next.js et Tailwind visait un objectif mesurable : que l'émotion n'ait pas de coût de chargement. Images servies aux dimensions exactes de chaque écran, formats modernes, chargement différé, pages générées statiquement ; le site reste instantané sur un téléphone en mobilité, là où se prennent les décisions de réservation. Les menus eux-mêmes sont du texte structuré, et non des PDF scannés : lisibles sur mobile, compréhensibles par les moteurs de recherche, ils servent la visibilité locale autant que le confort de lecture. Le module de réservation en ligne est intégré au fil du parcours, accessible depuis chaque page plutôt que relégué dans un coin de menu, et [la fiche Google Maps](/blog/google-business-profile-guide-local) a été retravaillée dans le même mouvement pour que le client venu de la recherche locale atterrisse sur un parcours cohérent, de la carte au site puis à la table.
Restait l'outil du quotidien : un back-office volontairement minimaliste, taillé pour l'équipe et non pour des webmasters. Menus, horaires et actualités se modifient en quelques minutes depuis un téléphone, entre deux services ; tout ce qui ne servait pas a été retiré, parce qu'un outil simple est un outil qu'on utilise vraiment.
Les résultats
Les réservations en ligne ont progressé de 95 % et représentent désormais la majorité des couverts.
Le changement se mesure aussi dans la salle : le téléphone sonne moins pendant le service, la liste d'attente se gère en ligne, et l'équipe consacre ce temps regagné aux clients présents plutôt qu'aux appels. Le restaurant affiche complet chaque week-end.
La visibilité locale a gagné 65 %, recherches, demandes d'itinéraire et appels depuis la fiche Google confondus, signe que la cohérence entre la fiche, le site et la réalité de la salle porte au-delà du seul design. La note Google de 4,9 s'est consolidée malgré l'afflux de nouveaux clients, ce qui n'allait pas de soi : un volume qui monte fait souvent baisser les notes. Les nouveaux venus arrivent avec des attentes justes, parce que le site montre fidèlement ce que la table propose, ni plus ni moins. L'objectif de départ, lui, se vérifie au quotidien : l'équipe fait vivre sa carte au fil du marché, et le site suit le rythme de la cuisine plutôt que l'inverse. C'était exactement l'intention.
Un projet similaire en tête ?
Projets similaires
D'autres réalisations dans Développement Web
Vous avez un projet similaire ?
Parlons-en. Notre équipe vous répond sous 24h avec un audit offert.