Vous êtes sur le point de créer ou refondre le site de votre restaurant ? Ça tombe bien, nous vous partageons de nombreux exemples de sites restaurant pour vous aider, et vous inspirer. De la brasserie traditionnelle parisienne au restaurant de Poke Bow,l en passant par le bar à bière ou la pâtisserie orientale.... Pas besoin d'être un grand gastro pour avoir un site internet design et efficace !
Nous vous montrons à chaque fois la version ordinateur ET mobile. Avec les nouvelles exigences Google, c'est bien cette version qui prime pour se classer sur le moteur de recherche. D'autant que la majorité des internautes visite votre site web depuis leur téléphone.
1. Exemple site internet restaurant : L'Armandie
L'Armandie est une brasserie traditionnelle dans le 15ème arrondissement. Voici ce qu'on aime dans cet exemple :
- 2 couleurs principales : noir et bleu. Il n'en fallait pas plus pour un design sobre et élégant
- Une police personnalisée sur les titres et menus qui changent de la police classique
- Le visuel de la page d'accueil qui prend tout l'espace pour un effet whaou
Au delà du design, le site internet du restaurant est efficace puisqu'il apparait
- En page 1 de Google sur le mot-clé brasserie traditionnelle paris 15
- En position #1 sur le Google Pack local (sous la carte Gmap) sur le mot-clé brasserie fruit de mer paris 15
2. Exemple site internet d'un bar : Le Bardakis
Le Bardakis est un bar à bière situé dans le quartier de Saint-Michel, à Paris.
- Tout comme l'exemple précédent une large image prend tout l'espace pour un effet design. Cette fois, la barre de menu est même intégrée dans la photo avec un effet de transparence. Cela laisse encore plus de place au visuel.
- Pour plus de lisibilité, quand nous descendons au fur et à mesure sur la page d'accueil, le menu change pour ne laisser apparaitre que le logo et le bouton réserver. Le menu apparait en "hamburger" pour ne pas prendre trop de place, et rappeler la navigation mobile.
- On retrouve aussi un site bi-colore pour rester sobre tout en ayant une identité graphique forte (marron et jaune)
Là encore le site est bien optimisé pour Google. Il apparait en effet sur la 1ère page avec le mot-clé "bar à bièe Saint-Michel"
3. Exemple site internet restaurant : Poki deli
Changement d'ambiance avec l'exemple du site du restaurant Poki Deli ! Une délicieuwe cantine à Poké parisienne. Voici ce que nous retiendrons :
- Un message d'accueil clair et lisible dès la première page, avant même que l'internaute ait besoin de scroller (faire défiler) la page.
- Les séparateurs qui ont une forme de vague pour un rendu qui rappelle les lignes du logo
- Des visuels attrayants qui donnent envie de gouter aux poké bowls !
- Sur mobile le bouton d'action permettant d'appeler le restaurant est très bien placé et visible
- Pour changer, le logo est placé au centre du menu et non pas sur la gauche comme sur la plupart des sites de restaurant
4. Exemple site internet restaurant : Le Bistrot-Brasserie Les Soeurs Grises (BBLSG)
Direction le Canada pour cet exemple de site web. Le restaurant BBLSG est une micro-brasserie artisanale.
- Le restaurant BBLSG a choisi de compiler plusieurs images en une pour sa page d'accueil. Ce petit montage fait son petit effet. Il permet en un coup d'oeil de s'imaginer attablé en train de déguster un burger avec une petite bière fraiche !
- La présence d'une vidéo un peu plus bas est aussi une bonne idée
5. Exemple site internet restaurant : Le Provence
Le restaurant Le Provence est un restaurant de fruits de mer situé à côté de Grenoblen dans la ville de Corenc. Voici quelques idées du restaurant dont on peu s'inspirer :
- La vidéo dès la page d'accueil. Effet réussi, cela donne du pep's au site du restaurant et permet de s'y projeter sans avoir à lire et parcourir longtemps le site !
- Le menu du jour qui est actualisé tous les jours
- La photo de l'équipe qui permet d'humaniser la relation
6. Exemple restaurant : Restoblo
Restoblo est un groupement de restaurants de la ville de Fontainebleau. Pour mutualiser les coûts (livraison, click & collect, site web...), les restaurants se sont rassemblés sur cette plateforme en direct. On y trouve tous les styles : Bistrot, Italien, Tex mex, Pâtisserie... On aime :
- L'utilisation des pictogrammes "comment ça marche" pour faire comprendre à l'internaute la simplicité du service click & collect / livraison
- La qualité de navigation du module Click & Collect
- Les pastille sur les photos pour identifier en un coup d'oeil la catégorie du restaurant
- L'harmonie des couleurs et de la charte graphique
- Le design minimaliste mais impactant
7. Exemple restaurant : Mydy
Mydy est un concept de plats sur-mesure basé sur trois plats déclinés en 4 recettes. Voici pourquoi nous avons pris en exemple le site de ce restaurant :
- Le fond de certains blocs en marbre qui donne une vraie identité visuelle
- Les points forts résumés sous forme de pictos en bas de la page d'accueil
- Le bouton commander bien visibile
- Les réseaux sociaux présent au dessus de la barre de navigation
- Les visuels punchy
8. Exemple restaurant : À L'étoile
À l'étoile est un hotel restaurant et spa situé en Alsace. On retiendra comme aspects positifs :
- L'aspect géométrique pour présenter le restaurant en page d'accueil
- L'intégration d'un menu avis clients avec en temps réel les avis clients vérifiés
- Un contenu dédié au cadre du restaurant
9. Exemple site internet restaurant :
Avant dernier exemple de sites restaurant avec le Bistrot Le Loch, un restaurant situé au Québec dont la vue est à coupé le souffle ! On aime :
- La photo tout en longueur pour montrer le panorama à 180 degrés qu'offre le restaurant
- Les infos relatives au Covid-19 accessibles en haut, dans un bandeau à part
- La phrase d'accueil qui pose la promesse et la cible "L’endroit où l’on s’amuse tout en dégustant un bon repas! En famille, entres amis ou en amoureux…"
10. Exemple site internet restaurant : Maison Tirel Guerin
Seul étoilé de la sélection, la Maison Tirel Guerin est un Hôtel avec un restaurant 1* situé en Bretagne. Voici ce que nous apprécions dans cet exemple de site :
- La galerie de photos avec des tailles différentes pour faire un effet meli-melo
- Les effets de parallax lorsqu'on passe la souris pour faire défiler l'accueil. Le parallax donne un effet de profondeur et de glissement doux qui rend le site design et intéractif
- La carte intéractive de toutes les activités et lieux d'intérêts à faire à proximité du restaurant
Vous regardez des exemples de sites web de restaurant car vous êtes vous même en projet ? N'hésitez pas à prendre RDV avec un conseiller Klixi et nous expliquer votre besoin !