Site web d’un restaurant : étude de cas

Vous voulez créer le site web de votre restaurant ? Vous êtes au bon endroit.

Dans cet article, je vous donne un cas concret : la création du site internet d’un de mes clients, restaurateur en Normandie, dans tous ses détails, du design aux textes en passant par les photos et les fonctionnalités (réservation en ligne, etc.).

Nous allons voir ensemble tous les éléments importants à soigner lors de la conception du site. C’est parti !

Qui suis-je ? Marie, professionnelle SEO au service des solopreneurs et des TPE. Je les aide à être visible sur le Web grâce à des sites Internet sur-mesure de haute qualité.

Le site Internet du restaurant : le projet

Gabin ouvre son premier restaurant et il pense au site Internet. Toutefois, il hésite : il a déjà une grosse communauté sur Instagram et il se demande si le site sera vraiment utile.

Telle est la situation de Gabin lorsque je le rencontre pour la première fois avec ma partenaire Marilyne, webdesigner et experte en identité visuelle.

Les enjeux

Gabin fait face à plusieurs enjeux :

• il a besoin d’un endroit où regrouper toutes les informations utiles (cartes et menus, adresse, horaires, etc.)
• il veut que ses clients réservent directement sur son logiciel de réservation plutôt que par téléphone, ça lui fait gagner du temps
• il aimerait bien être visible sur Google pour se sentir moins lié par l’obligation de poster sur Instagram… et parce qu’il sait qu’une partie de sa clientèle cible, plus âgée, ne fréquente pas les réseaux sociaux

Autre problématique : Gabin est situé en Normandie. Il a un gros potentiel de clients anglo-saxons !

S’il a un site web bilingue, il va les capter beaucoup plus facilement.

Bref, Gabin décide finalement d’investir avec Marilyne et moi dans un site web sur-mesure qui répondra à tous ces besoins.

Les envies

Gabin n’a pas du tout envie d’une usine à gaz. Il veut quelque chose de plutôt sobre et minimaliste, sans blog.

Il a déjà une ébauche d’identité visuelle, avec des couleurs phares (bleu et gris) et un logo auquel il tient beaucoup. Il souhaite un style soigné mais pas trop sophistiqué, à l’image de sa cuisine : du gastronomique abordable pour tous.

À Marilyne et moi de créer un design et des textes qui respecteront cette volonté.

Le site web du restaurant Blossom : le résultat final

3 mois après le « Oui » de Gabin, voici le site web de Blossom Bistrot !

Les images chez Blossom Bistrot

La cuisine, ça fait appel au sens du goût et de l’odorat… Mais, pour l’instant, c’est difficile de rendre ça sur le site. 😀

En revanche, on peut jouer sur les visuels. Et ça tombe bien, parce que le visuel est très important pour un restaurant. On apprécie d’autant plus un bon mets lorsque l’assiette est jolie.

Les photos ont donc une place essentielle sur le site web d’un restaurant. Ils doivent donner envie de goûter.

Chez Blossom, on a plusieurs types d’images :

• le cadre : la terrasse, la salle avec son arche…
• l’environnement : mise en valeur du cadre normand qui est un gros point fort du restaurant
• l’équipe : pour montrer l’attachement aux valeurs humaines et le côté chaleureux
• les assiettes dressées ! Indispensable pour montrer la qualité de la cuisine de Gabin

Nous avons adopté plusieurs techniques :

• des images fixes
• un carrousel d’images pour mettre en avant des éléments-clés : le cadre, l’équipe, la cuisine
• des images larges en en-tête et en arrière-plan de textes pour l’immersion

Vous pouvez aussi utiliser des photos panoramiques à 180 °, notamment en page d’accueil, pour un effet très immersif.

Idée : Jouez sur les sons avec les vidéos ! Le bruit de la cuisson dans une poêle est puissamment évocateur.

À retenir pour vous :

• misez sur vos points forts : l’équipe – la cuisine (gastronomique ? fait maison ?) – le cadre ou l’environnement – la terrasse…
• choisissez des images de qualité, c’est indispensable
• variez les présentations pour casser la monotonie

La page Menus / Carte de Blossom Bistrot

Vos clients apprécieront de connaître votre gamme de prix. Le doute est un frein. S’ils savent à quoi s’en tenir et que vous proposez une carte dans leur budget, ils viendront plus facilement.

Pour Gabin, nous avons ajouté une page spécifique pour les menus et la carte.

À retenir pour vous :

• La page Carte et Menus avec les tarifs est indispensable pour aider vos clients à se projeter et à budgétiser leur repas chez vous.
• Les visuels à cet endroit-là du site créent l’envie.
• Si vous communiquez votre carte du jour sur les réseaux sociaux, ajoutez un lien vers ceux-ci. Ça vous évitera de devoir actualiser la page tous les jours !

La réservation en ligne pour manger chez Gabin

La réservation en ligne sur le site web du restaurant Blossom était un élément important pour Gabin. Il voulait que le site soit connecté à son logiciel de réservation et que les gens puissent facilement réserver sans passer par le téléphone.

Nous avons procédé à cette connexion.

→ Le bouton de réservation en ligne est visible à tout instant depuis toutes les pages du site.
→ Un onglet « Réservations » est clairement visible depuis le menu.
→ Des boutons de réservations sont placés à des endroits stratégiques dans les textes.

On peut aussi réserver depuis la Fiche Google My Business : le petit détail qui peut faire la différence. 🙂

À retenir pour vous :

• Facilitez le passage à l’action du visiteur en l’aidant à réserver avec un bouton accessible depuis n’importe où sur le site.

Ce que vous pouvez faire aussi :

• Si vous faites de la vente à emporter, il existe des modules pour commander directement sur le site en click and collect.

Les informations pratiques pour venir chez Blossom

Ces informations pratiques, ce sont :

• les jours et horaires d’ouverture
• la localisation (y compris par rapport à des repères : gares, sites touristiques…)
• la présence d’une terrasse
• la possibilité de venir en groupe
• etc.

Toutes ces informations sont présentes sur les pages du site dans des encadrés spécifiques et reprises sur la page Réservations.

La localisation est indiquée sur une carte qui a été faite sur-mesure. Nous n’avons pas intégré Google Maps pour éviter les problèmes d’affichage.

À retenir pour vous :

• Mettez visuellement en valeur les informations pratiques et faites en sorte qu’elles soient très facilement accessibles depuis n’importe quelle page.

Les avis des clients gourmands de Blossom !

Les avis sont essentiels pour que les internautes aient confiance en vous.

Pour les rendre disponibles sur le site web de Blossom, on a tout simplement intégré les témoignages laissés par les clients sur la fiche Google My Business. (Fiche que nous vous recommandons grandement de créer, si ce n’est pas déjà fait !).

À retenir pour vous :

• Récoltez les avis de vos clients, d’une façon ou d’une autre, et utilisez-les sur le site web de votre restaurant. Vous pouvez recourir à la fiche Google — vous pouvez aussi faire des impressions écran des témoignages laissés çà et là par vos clients sur le Web. Je vous recommande d’utiliser un système qui permet de vérifier la traçabilité du témoignage. Évitez de recopier des avis, vos visiteurs ne peuvent pas vérifier qu’ils sont authentiques.

Les textes qui parlent de Blossom

Dès le début de la mission, j’ai rencontré Gabin en visio pour qu’il me parle de son projet de restaurant, son histoire, ses valeurs, etc.

Il m’a donné de nombreuses informations. Grâce à ça, j’ai pu rédiger des textes sur-mesure qui mettent en valeur les spécificités du restaurant : le fait maison, les produits locaux, la démarche résolument éco-responsable.

J’ai également rédigé une page À Propos qui retrace son parcours au sein de grands restaurants étoilés.

J’ai aussi insisté sur 2 autres aspects essentiels : l’emplacement en bord de Seine et la géolocalisation avec le nom de villes (Vernon et Giverny). L’internaute sait qu’il peut manger en ayant vue sur la Seine dès qu’il arrive sur le site, avant même de faire défiler la page vers le bas.

Ces indications étaient également indispensables pour le SEO (j’en parle juste après). C’était des mots-clés que j’avais choisis pour la stratégie de visibilité sur Google.

À retenir pour vous :

• Parlez de vous et de vos valeurs, surtout si vous avez une démarche particulière, éthique, raisonnée, éco-responsable, etc. Vous allez plaire aux internautes qui ont les mêmes exigences que vous.
• Les textes doivent comporter des mots-clés. Faites attention à ce paramètre, il est essentiel. J’en parle juste en-dessous.

La visibilité du site de Blossom sur Google

L’une des exigences de Gabin, c’était que les gens le trouvent sur Google et réservent sur son site.

Il fallait donc travailler ce qu’on appelle le référencement naturel / SEO du site web du restaurant Blossom.

J’ai créé 3 textes pour 3 pages sur le site et qui ont été optimisés pour le SEO : les pages Accueil / À Propos / Tourisme Giverny. Les textes ont été traduits en anglais par ma consœur Rhiannon qui a travaillé le SEO dans la langue de Shakespeare.

D’autres détails ont été optimisés, sur les images, le maillage interne, les métadonnées, etc.

Les résultats ont été très rapides. Le site a enregistré 30 visites dès la première semaine après sa publication. Depuis, il fonctionne très bien et il attire aussi bien des gens qui cherchent Blossom que des personnes qui ne le connaissent pas et cherchent un restaurant dans son secteur. (Ce qui est essentiel.)

À retenir pour vous :

• Pensez au SEO ! De nombreux entrepreneurs qui créent leur site oublient ce paramètre essentiel. Vous devez avoir une stratégie de mots-clés et suffisamment de textes qui les exploitent sur le site. Si vous faites appel à une agence, exigez qu’ils vous expliquent comment ils vont travailler votre référencement. Quelques manipulations techniques ne sont pas suffisantes, un travail de fond doit être fait sur le choix des mots-clés et sur les textes.

Le site web Blossom en version bilingue

Pour Gabin, il y a un vrai intérêt commercial à capter une clientèle britannique ou américaine. Son restaurant est situé en Normandie, pas très loin de nombreux sites d’intérêt pour ce public (sites du débarquement…).

La solution d’un site unique avec un double texte anglais / français était possible… mais elle n’est pas conseillée pour le référencement naturel.

Nous avons proposé une solution simple mais efficace pour Gabin : celle d’un dossier pour la version anglaise.

Pour cette partie, nous avons profité du travail remarquable de Rhiannon qui est spécialisée dans la traduction créative optimisée pour le SEO.

À retenir pour vous :

• Si vous visez une clientèle qui ne parle pas français, ne faites pas l’impasse sur le site bilingue et expliquez bien vos attentes à votre agence. Il existe plusieurs solutions différentes pour ce type de sites, il est important de choisir la plus adaptée à votre situation (notamment question budget).

Le site web du restaurant sur vos téléphones

Faut-il le préciser ? Blossom Bistrot est bien sûr un site web « responsive ». C’est-à-dire qu’il s’affiche parfaitement sur format téléphone.

C’est très important à 2 niveaux :

• Pour l’internaute, car c’est très désagréable de naviguer sur un site web qui n’est pas adapté au format mobile (vous allez perdre une grande partie de vos visiteurs si vous êtes dans ce cas).
• Pour la visibilité sur Google : les robots du moteur de recherche prennent en compte la version mobile pour vous positionner dans les résultats. Si votre site n’est pas responsive, vous allez être déclassé.

À retenir pour vous :

• Le site web responsive est non négociable en 2025. Je n’imagine pas qu’une agence puisse vous proposer autre chose, mais sait-on jamais : alors vérifiez ce point au moment de signer le devis.

À retenir pour votre restaurant : les points importants d’un site web

On récapitule :

• un design et des textes sur-mesure
• des images variées et de haute qualité
• un accès facile aux menus /à la carte
• la réservation en ligne
• l’accès aux horaires et à l’adresse
• les témoignages clients
• le SEO pour Google
• la version mobile

Vous pouvez aussi mettre ça :

• les logos des guides où vous êtes référencé (comme Blossom qui vient d’être référencé par le guide du Fooding)
• des promotions, des bons cadeaux en page d’accueil
• une vidéo de présentation du restaurant en page d’accueil
• etc. : il y a des idées à trouver pour toutes les situations !

Le processus de création du site de Blossom restaurant

Pour vous aider à vous projeter dans ce que représente la création d’un site web en termes de temps et d’étapes, voici comment ça s’est passé pour nous et Gabin.

1. Premières visio briefing avant signature du devis. Nous en avons fait 2 ou 3 avec Gabin pour déterminer les besoins et lui proposer plusieurs solutions. Il a validé lors de la dernière visio.
2. Visios séparées avec Gabin : l’une pour la technique et le webdesign avec Marilyne, l’autre pour les textes et le SEO avec Rhiannon et moi.
3. Travail sur le site et sur les textes conjointement. Marilyne et moi travaillons en symbiose pour que les visuels et les textes soient harmonieux. Nous avons échangé avec Gabin sur WhatsApp et sur un Google Drive pour qu’il puisse commenter et demander des modifications. Nous avons ainsi ajusté au fur et à mesure.
4. Visio de debriefing. Nous avons présenté le site final à Gabin, qui a formulé de dernières demandes. Le site web du restaurant Blossom a été validé dans la foulée après ces ajustements.
5. Visio de rendu du site avec recommandations. Nous avons expliqué à Gabin comment entretenir son site pour qu’il fonctionne bien à l’avenir. Nous lui avons également fourni des vidéos tutos pour cette maintenance afin qu’il ne soit pas perdu une fois seul aux commandes !

Durée : 5 mois entre le premier échange et la livraison du site web. 2 mois entre la signature du devis et la livraison.

Gabin est ravi.

Ça vous a donné envie de nous confier le site web de votre restaurant ? Nous en serions honorées et enchantées ! Découvrez le Pack Ambition, notre offre de site web sur-mesure, ou contactez-nous directement pour nous parler de votre projet. 🙂 Devis gratuit et sans engagement.