par Le week-end dernier, j’étais sur la route et affamé après une matinée de courses. J’ai sorti mon téléphone et après avoir parcouru un gâchis de navigation déroutante, de menus PDF obsolètes et d’heures d’ouverture douteuses, j’ai fini par rentrer chez moi pour me contenter d’un triste bol de céréales. Je blâme la conception de sites Web de restaurants trop commune, et je ne suis pas le seul à avoir été dissuadé de fréquenter une mauvaise conception de sites Web.
En fait, 68 % des convives sont découragés de visiter un restaurant en raison d’un mauvais site Web.
C’est pourquoi je catalogue certains des meilleurs exemples de conception de sites Web de restaurants que vous pouvez utiliser pour vous inspirer, que vous remaniiez votre site, mettiez à jour votre marque ou lanciez votre propre lieu.
Avant d’aborder les exemples, examinons de plus près pourquoi vous devez vous soucier de la conception de votre site Web de restaurant, non seulement pour éviter de gâcher ma matinée du week-end, mais pour développer votre entreprise.
Pourquoi devez-vous vous soucier de la conception de sites Web de restaurants?
Vous avez déjà lu la statistique dans l’intro, mais en voici d’autres :
- 77 % des consommateurs visiteront le site Web d’un restaurant avant d’y manger ou d’en emporter.
- Lorsqu’il passe une commande en ligne, un client est plus susceptible d’utiliser le site Web d’un restaurant qu’un site tiers comme Grubhub.
- Même si vous avez un site Web fonctionnel, 30 % des clients sont rebutés par un look obsolète.
Ainsi, bien que votre menu, vos profils sur les réseaux sociaux et vos listes soient importants pour le marketing des restaurants, un site Web attrayant et efficace est essentiel pour les ventes et les revenus.
Et l’importance d’une présence numérique solide ne fera que gagner en importance. Il n’est pas surprenant que les jeunes générations aient de plus fortes préférences pour les interactions en ligne, y compris les FAQ sur les sites Web par téléphone, les commandes via un site Web ou une application plutôt que par téléphone, et plus encore.
En fait, Statista a constaté que plus de 50 % des personnes âgées de 18 à 29 ans ont commandé de la nourriture en ligne en avril 2020 et près de 40 % des personnes âgées de 30 à 49 ans.
13 exemples de conception de sites Web de restaurants délicieux
La conception de site Web la plus efficace dépendra du style de votre restaurant. Est-ce formel ou décontracté ? Un resto intimiste ou une brasserie incontournable ? Un food truck ou une chaîne locale ? Vous souhaitez communiquer la personnalité de votre spot à vos clients afin qu’ils sachent exactement à quoi s’attendre, de sorte que tous ces facteurs auront un impact sur la conception de votre site Web. Mais il y a des éléments standards. que vous voudrez inclure malgré tout.
Nous avons donc rassemblé 13 exemples de conception de sites Web de restaurants de ces éléments essentiels, y compris une excellente image de marque, une navigation intuitive et bien plus encore. Regarde.
1 Quoi
Mida est un restaurant italien du South End de Boston avec des plats de pâtes incroyables, une excellente carte des vins et une ambiance tout simplement cool. La conception du site Web correspond parfaitement à cela.
Le fond rose ombragé du millénaire, la police élégante sans empattement, la photographie intrigante. L’effet est cool et cliquable, ce qui est idéal pour un restaurant cherchant à obtenir des réservations et des commandes en ligne.
2. Chez Bennett
Si vous pensez que le design attrayant de la marque est réservé aux restaurants branchés ou haut de gamme, regardons Bennett’s. Cette sandwicherie est située à Kennebunk, dans le Maine, avec des emplacements supplémentaires dans le New Hampshire, le Maine et Boston.
Le sandwich dessiné au trait semble nostalgique, mais la police du logo est agréable et moderne. Le noir et blanc est également une toile de fond nette pour les photos de sandwichs et l’accent amusant et jaune vif. De plus, cela fonctionne bien pour une sandwicherie d’origine balnéaire.
3. Secouez la cabane
Shake Shack est une grande chaîne de restauration rapide à l’allure jeune et moderne. La palette de couleurs de son site Web est similaire à celle de Bennett : noir et blanc avec un vert vif.
Le site Web de Shake Shack propose également son menu, que la plupart des internautes recherchent, directement sur sa page d’accueil.
Les photos sont détaillées et montrent tout sur les hamburgers et les sandwichs, et juste en dessous de chaque article se trouve une description complète, y compris toutes les informations sur les allergènes. C’est formidable, mais ce n’est pas seulement pour les grandes chaînes ou les franchises. L’inclusion de ces informations est essentielle pour servir une tonne de personnes de manière efficace et en toute sécurité, alors faites en sorte qu’il soit facile pour tous ceux qui ont des restrictions alimentaires de déterminer quels éléments de votre menu leur conviennent.
4. Beignets Union Square
Un élément de design non négociable pour votre site de restaurant (les sites immobiliers aussi !) : les photos. 45 % des clients des restaurants déclarent rechercher spécifiquement des photos de plats sur les sites Web des restaurants, et 36 % déclarent que des photos de plats décevantes les découragent de visiter un restaurant.
Ceux-ci n’ont pas besoin d’être super sophistiqués ou mis en scène, mais la nourriture doit être incroyable. Voici comment Union Square Donuts procède.
Délicieuse perfection en forme de beignet.
5. Fermiers fondateurs
Founding Farmers est une chaîne de restaurants de la ferme à la table du centre de l’Atlantique originaire de DC, d’où son nom adorablement punny. Les restaurants proposent des plats frais avec des ingrédients locaux et un accent sur le brunch. De plus, Founding Farmers appartient majoritairement à des agriculteurs, est exploité de manière durable et a l’intention de redonner à ses communautés.
Cette priorité à l’humain est au premier plan dans la vidéo de la section des héros.
La vidéo encadre l’expérience du début à la fin avec les gens – un dîner qui franchit la porte, des chefs préparant la cuisine et le placage, et un serveur qui va au-delà avec une commande à emporter. Un excellent moyen de communiquer aux clients potentiels le centre de bien-être de cette chaîne locale.
6. La cuisine perdue
The Lost Kitchen est un petit restaurant-boutique ouvert par Erin French qui a explosé ces dernières années. C’est bien plus qu’un simple restaurant maintenant – c’est un BnB, un petit magasin de produits, des livres de cuisine et même une émission de télévision. Le site le communique bien, sans perdre de vue la marque.
Les arrière-plans blanc cassé doux et les polices gris foncé. La conception simple. Et remarquez les photos bucoliques en sourdine flanquant le cliché plus lumineux et plus coloré d’Erin French. Cela maintient le cœur du restaurant, maintenant la marque, au centre.
7. À droite
Votre restaurant n’a pas besoin d’avoir un chef célèbre ou une émission de télévision pour pouvoir présenter vos arguments de vente uniques. Peut-être que c’est un plat unique en son genre, peut-être que c’est le lieu, peut-être que c’est la tradition familiale. Tout ce qui rend votre lieu spécial doit être mis en évidence sur votre site Web.
Giusto le fait très bien. Le restaurant a une petite section intérieure et un grand bar en plein air et des sièges de bar sur une terrasse surplombant Newport, le port de Rhode Island. Cette photo est, bien sûr, sur sa page d’accueil.
8. Pizzeria Beddia
Avoir une histoire, un emplacement ou un objectif complètement unique est formidable (en particulier pour votre page à propos de nous). Mais parfois, ce qui rend votre restaurant spécial peut être plus commun : des aliments frais de la ferme, une connexion locale, une spécialité lente et faite à la main.
Cela mérite toujours la première place dans la conception de tout site Web de restaurant.
Voici un exemple. La pizzeria Beddia, située à Philadelphie, présente sa pizza artisanale et le processus directement sur la page d’accueil.
Ça a l’air délicieux. Des points bonus pour la bannière annonçant le changement d’horaire également.
9. Rebelle Rebelle
Si votre restaurant a été présenté dans la presse ou a reçu des récompenses, cela devrait être affiché sur votre site Web. Selon votre marque, il peut s’agir d’une photo, d’un lien ou d’un badge sur votre page d’accueil.
Rebel Rebel est un bar à vin naturel de Somerville, dans le Massachusetts, qui parvient à partager ses réalisations en bonne place sans sortir de sa personnalité hipster.
Rebel Rebel célèbre son prix James Beard avec une simple bannière, informant tout le monde, mais sans jaillir ni devenir cool.
10. Comtesse
Chaque fois que je visite un site Web de restaurant (ou n’importe quel site Web, d’ailleurs), je cherche quelque chose. Un menu, des horaires, des liens sociaux, une réservation. C’est pourquoi vous devez prioriser une navigation facile sur votre propre site.
J’aime la façon dont Condesa, un restaurant mexicain à Philadelphie, accomplit cela sans que le design ait l’air utilitaire ou ennuyeux.
La gauche tourne à travers une galerie de photos de restaurants, et le rose vif à droite contient toutes les informations dont vous avez besoin, y compris un CTA pour réserver une réservation et un autre pour commander des plats à emporter. Agréable et facile.
11. Aliments roses
Rose Foods utilise également des couleurs vives pour montrer la personnalité de sa marque. Situé à Portland, dans le Maine, ce restaurant se décrit sur Internet comme un magasin de bagels faits maison proposant des sandwichs et des plats juifs classiques.
Parce que l’accent est mis sur les classiques, Rose Foods s’appuie sur des polices rétro et des dessins au trait kitsch et n’inclut que quelques photos. L’effet? Sur la base des attentes du week-end du petit magasin et des 20 000 abonnés Instagram, cela fonctionne.
12. Université
L’une des raisons pour lesquelles un site Web de restaurant est si important est qu’il s’agit souvent de la première interaction de votre client potentiel avec votre groupe. Vous souhaitez inclure toutes les informations de base et leur faire savoir à quoi s’attendre lorsqu’ils vous rendent visite IRL.
Voici un excellent exemple d’Uni, un izakaya à Boston.
La sensation du site Web est élégante, sombre, intime et encombrée (de manière confortable). C’est exactement ce que ressent Uni à l’intérieur.
13. La fille et la chèvre
Certains restaurants ont plusieurs emplacements presque identiques. Mais d’autres ont quelques endroits avec des personnalités distinctes. Si c’est votre restaurant, assurez-vous de le transmettre sur votre site Web. Girl & the Goat le fait bien.
L’intérieur de l’emplacement de Los Angeles est clair et aéré avec beaucoup de lumière naturelle et de verdure. L’emplacement de Chicago est plus sombre et plus sombre avec des tons de bois profonds, des accents noirs et un bar orné. Le site Web présente des photos soulignant l’attrait de l’ambiance de chaque lieu, ainsi que la même nourriture délicieuse.
Assurez-vous que la conception de votre site Web de restaurant offre
Le site Web de votre restaurant est un autre élément de votre expérience client, alors profitez-en. Vous souhaitez offrir le même service de haute qualité, partager les mêmes informations, inviter les mêmes clients idéaux et commencer à nouer cette relation tout de suite.
Les exemples de conception de sites Web de restaurants ci-dessus offrent des tonnes de bonnes idées d’inspiration et quelques éléments essentiels répétés. Voici un bref aperçu des éléments sur lesquels vous devez vous concentrer pour vous assurer que le site Web de votre restaurant est aussi efficace que possible :
- Effacer l’emplacement ou les emplacements
- Menu facile d’accès
- Image de marque attrayante
- Informations de contact
- Photos de haute qualité
- Incitation à l’action de réservation
- Commandez des incitations à l’action en ligne
- Récompenses et presse
