首页 > 知识•资讯 > 最好的餐厅网站设计技巧和模板 > 正文

最好的餐厅网站设计技巧和模板

2019/9/5 0:00:00 · 稿源:传诚信

每个企业都需要一个网站,但餐饮业比大多数企业更加重要。

当有人走出家门,他们的肚子开始咆哮时,他们要做的第一件事就是伸手去拿电话。谷歌,Facebook或第三方应用程序都将指向餐厅的在线形象,这就是潜在客户如何快速决定在哪里吃饭。

换句话说,任何没有一个明星网站的餐馆都有可能将钱留在餐桌上 - 并且在晚餐时间将餐桌留空。

为了弄清楚餐馆网站设计的所有注意事项,我采访了食品评论家,营销人员,广告商和餐厅网页设计师。在本文中,我编写了他们必须说的所有内容,并包含了大量示例。

以下是完整的提示列表 - 您可以单击每个提示直接跳转到它,或者只是继续滚动以依次查看每个提示。

基础:

  • 从模板开始  - 网站建设者有很棒的餐厅模板可供选择

  • 保持移动友好  - 大量潜在客户将通过手机查看您的网站

  • 保持简单  - 当一些核心页面足够时,不要过度复杂化您的网站

  • 专注于基本信息  - 为您的客户提供他们所需的信息并使其变得简单

  • 经常更新 - 如果您的餐厅不断发展,您的网站也应如此

这个语调:

  • 了解您的品牌 - 该网站必须反映您餐厅的独特身份

  • 考虑色彩心理  - 你知道一些颜色比其他颜色更刺激食欲吗?

  • 深色还是浅色? - 这都是为您的餐厅品牌创造正确的基调

  • 选择你的字体 - 易读性是关键,正确的字体可以帮助设置你的身份

图像:

  • 创建精选图片 - 这一切都是为了创造一个有影响力的第一印象

  • 保持菜单清晰 - 不要让客户对您实际销售的产品感到困惑

  • 考虑社交媒体集成 - 这可能是产生额外嗡嗡声的好方法

  • 仔细考虑视频  - 一个好的视频可以帮助,但永远不要看业余

细节:

  • 跟踪季节性菜单更改 - 再次更新您的网站以反映您餐厅的变化

  • 定义您的在线订单政策 - 为客户提供清晰易用的服务

  • 单个或多个位置? - 这会对您网站的结构产生影响

  • 限制那些弹出窗口 - 你不喜欢它们,客户也不喜欢它们

  • 免去褶边  - 检查您的网站并剔除它不必要的工作

创建餐厅网站的基础知识

在创建餐馆网站时,最简单的方法是最好的。不要创建一个复杂的页面系列,迫使潜在客户无休止地点击以获取您餐厅的最重要的预订表格或地址。相反,专注于一些精心设计的页面,这些页面达到了他们的目的,并使访问客户感觉毫不费力。

从餐厅网站模板开始

您的餐厅是独一无二的,需要通过创建与其身份相匹配的网站来体现。但是,这并不意味着您不能依靠可靠的模板来帮助您入门。

第一次创建餐馆网站的最简单方法是使用网站建设者。这些出色的现代工具让任何人都可以立即启动并运行具有专业外观的网站。最好的模板有大量高质量的模板,可以帮助您在瞬间建立一个外观精美的网站。

例如,使用Wix或  Squarespace等工具  ,您可以从一开始就选择您要创建的网站类型是餐馆网站。您将立即受到一系列餐厅网站模板的欢迎 - 这些都可以通过精心设计的精美欢迎页面,联系页面和虚拟菜单页面进行选择。然后,您可以自由添加自己的描述,图像和唯一标识。

它也不需要花费一大笔钱。例如,Wix允许您以每年约100美元的价格创建和发布网站- 并且还可以获得常规的Wix折扣。

pitch-restaurant-website-640x514.png

保持移动友好

在移动设备上看起来和桌面计算机一样好:这是现代网站的基本要求,并且已经存在多年了。然而,这仍然是餐馆网站无法定期清理的障碍。

我为本文咨询的大多数专家都引用了这个问题。对您网站的影响不可能更大,因为移动设备在2019年第一季度占全球网站流量的48.7%。

餐馆的这一比例甚至可能更高,因为许多饥肠辘辘的潜在顾客在他们第一次开始研究最近吃的食物时已经在旅途中。谷歌,Yelp或Foursquare是常见的餐厅聚合网站,他们都看到了大量的移动流量。一个在移动设备上无法读取的网站将阻止超过一半的受众。

上面的例子Pitch是一个简单的移动友好设计的例子。它在移动设备和桌面设备上提供所有相同的信息,同时更改其格式以保持可读性。

“现在,绝大多数人都会在手机上查看餐馆网站。谁坐在桌面上研究餐馆?没有人!他们都在移动设备上随时进行。“

~Ata Khan,联合创始人,Xoobo营销机构

pitch-restaurant-website-640x514.png


把事情简单化

更多并不总是更好。您的网站应该有一个目标,以吸引更多客户。要做到这一点,你只需要一些简单的页面,甚至只需要一个页面,观众可以向下滚动查看所有内容。添加平面,2D设计和白色空间等最小元素很少会受到伤害 - 只需查看纽约市Dear Irving的网站即可。

保持网站简单并非所有的极简主义,但是:一个极度被忽视的餐厅网站的特权是残障人士的访问。CDC的分析显示,四分之一的美国人有残疾,但目前餐馆是“第一大行业被无法访问的网站起诉”,据麦当劳前无障碍主管Sheri Byrne-Haber称。

Alt标签,频繁描述,简单的复制和简单的网页设计都可以帮助文本到音频翻译,并使您的网站也很容易让其他人浏览。观察者不必检查三明治选择的摩擦力越小越好。

pitch-restaurant-website-640x514.png


专注于基本信息

你的地址。你的时间。你的菜单。您的预订政策。这是你所有的餐厅网站需要包括,但相信我,它真的需要包括它们。

餐厅网站上缺少必要的细节对于那些正在考虑在城里吃饭的人来说是一个大问题,没有人比餐馆评论家更了解这一点,他们不能只是转到下一个Yelp列表。“精英旅行者”杂志的餐厅评论家,“伦敦交通餐厅指南”的作者安迪·海勒(Andy Hayler)自2018年开始在世界上每三家米其林星级餐厅用餐。他看到了他在餐馆网站上的份额。缺少信息是他的宠儿,他列出了他喜欢看的内容:

“很明显,餐馆网站的预算差异很大,因此不可避免地有些网站比其他网站要好得多。然而,我发现奇怪的一件事是它们中有多少在基础知识中失败了。从我的角度来看,我希望在主页上轻松而突出地看到,而不是埋在网站的一些黑暗角落:

  • 菜单,或至少一个示例菜单

  • 地点的地址和电话号码

  • 如何预订

  • 酒单(全部,不是几年过时样品,没有价格)

  • 营业时间

然后只有在那之后,我才对“餐厅的故事”感兴趣,并将其植根于他们以自我为中心的厨师的童年记忆中,以及关于他如何在当地采购东西并且不会被单点菜单困扰的冗长的期待。 ”

?餐厅评论家安迪海勒

据承认,过去11年担任“西雅图时报”主要餐厅评论家的普罗维登斯西塞罗说,仍然有一个真实的关于页面的空间,可以讲述餐厅的故事。

“当他们描述自己是谁以及他们的使命是什么时,很多餐馆都会依赖营销。他们应该揭示他们的激情,经历和愿景,但要把它变得个性化。与使用通用广告副本相比,用户将更容易与人们的故事联系起来。“

?西雅图时报前首席餐厅评论家普罗维登斯西塞罗

pitch-restaurant-website-640x514.png

经常更新

任何熟悉互联网的人都知道它在不断发展。或者更好的术语是“卸载”,因为链接中断,域名移动,托管服务续订期间过去。任何管理像餐馆这样的企业的网站的人都需要经常检查所有内容是否都是最新的,从营业时间到菜单项。

网站刷新也属于“经常更新”的口头禅:您的网站应始终反映您的餐厅品牌,如果您不每隔几年重新检查一次,它最终会落后于时代。

使用基于Flash的图形制作的地址在2007年处于领先地位,但没有人想要一个他们无法复制并粘贴到Google地图中的地址,即使Adobe今年早些时候没有停止使用他们的Flash Player。在乐Jardinier网站,但是,毫不费力地撑更新。

为您的餐厅创建一个网站?首先选择最好的网站建设者

比较网站建设者

获得适合您餐厅网站的口气

请记住,您的餐厅网站是您餐厅品牌标识的延伸。对于大量客户而言,这可能是他们与您的业务的第一次互动 - 而众所周知,第一印象很重要。确保语言,图像甚至字体选择与您在餐厅创建的品牌类型相匹配。

pitch-restaurant-website-640x514.png

了解你的品牌

你是经典还是乡村风格?健康还是颓废?古董还是嗡嗡声?优雅还是肉和土豆?所有这些细节都会对您的餐厅及其网站的外观产生影响。很多品牌都与你不做的事情有关而不是你做的事情。

您所服务的食物类型也会影响您的品牌。一家爱尔兰酒吧在人们的头脑中看起来与炸玉米饼展台不同,您的客户也希望看到这种差异在网上播出。

要找出您的在线品牌,请尝试谷歌搜索类似的餐厅,看看最好的餐厅如何展示他们的网站。在奥林匹亚牡蛎酒吧的网站是一个很好的例子:在白色背景,牡蛎和白葡萄酒,以及手工绘制的浅蓝色标志的明亮明亮的图像都告诉你,这是一个凉风习习,海滩之位置。

“该网站是公众对您餐厅的第一印象。使它有用,信息丰富,也具有挑衅性。“

?普罗维登斯西塞罗

斯宾塞的餐厅网站设计

考虑色彩心理学

不同的颜色与不同的情绪反应有关:红色带来刺激,饥饿和注意力的感觉,而黄色则激起快乐和友善。

快餐特许经营真的很喜欢和他们两个人配对。

red-yellow-color-psychology-640x547.jpg

尽管如此,你不应该觉得你需要依赖这些颜色,或任何其他颜色心理学技巧 - 当地的妈妈和流行餐厅不需要像万亿美元的快餐店一样优化。如果想采取更微妙的方法,请查看位于安大略省Burlington的海鲜联合Spencer's的主页上拍下的红色龙虾。

至少,您的网站确实需要使用连贯的配色方案。如果颜色发生冲突,观众将无法知道在哪里聚焦,并且可能会被拒绝访问餐厅。评论家安迪·海勒(Andy Hayler)亲眼目睹了“将在恐怖电影网站上通过的配色方案”。

“为了让人们在你的餐厅吃饭,人们需要使用温暖和热情的颜色。在色彩心理学方面,设计师需要说服一个人,这是一家干净美味的餐厅。“

~Reuben Kats of Falcon Marketing

pitch-restaurant-website-640x514.png

深色还是浅色?

为您的餐厅网站创建优雅,有凝聚力的外观的一种简单方法是主要选择浅色或主要是暗色图像和背景。

墨西哥Toca Madera餐厅网站主页幻灯片上的每张图片都有深色背景,帮助餐厅名称的白色字体脱颖而出,让网站保持一致的基调。

有关浅色方案的示例,请查看法国 - 秘鲁餐厅Astrid&Gastón的网站,该餐厅在白色桌布或浅棕色木板上使用白色餐桌幻灯片。

在这两种情况下,网站都采用了一种易于理解的简单配色方案,并设定了代表其餐厅的色调。想要烟熏情绪照明吗?在Toca Madera品尝晚餐。感觉像明亮的阳光早午餐?Astrid&Gastón可能适合您。

寓言餐厅网站设计

选择你的字体

甚至字体和字体大小也很重要。再一次,这一切都与品牌有关。

最能传达您餐厅所体现的情绪的是什么?一个带有葡萄酒菜单的三星级餐厅可能看起来最流畅,优雅的书法或者优雅的简约无衬线字体。然而,一个快速休闲的街头食品供应商可能会使用大胆,厚实的字体来更好地代表它所服务的朴实和户外的美食。

在选择最佳字体时,您需要记住可读性:某些字体在用于一个或两个单词时看起来很棒,但是当您将它们用于整个段落时会失败。例如,安迪·海勒(Andy Hayler)在餐馆网站上遇到的一个问题是“4点字体菜单”。

Fable是一家位于不列颠哥伦比亚省温哥华的农场到餐桌的餐厅,有一个简单的单页网站,因其选择了块状,粗糙的字体和带纹理的背景图案而脱颖而出。字体让人联想到木刻版画,让人联想到您将享受的当地食材和餐厅的实际情调。

最好的网站建设者拥有简单的模板,可以让您在短时间内入门

比较网站建设者

餐厅网站图像和媒体

是时候让胃口好转了。正确的照片和视频可能意味着客户进行预订或寻找其他地方的差异。在选择您在网站上使用的图像时,请关注一些关键的基础知识。您将要选择能够以最佳方式展示您的餐厅及其食物的照片。

抓住餐厅网站设计

创建精选图片

您网站的首页将是访客看到的第一件事。你想要包含一个引人注目的,引人注目的图像,并且只有一个规则决定它是什么:它需要代表你的品牌。

对于很多餐馆来说,这是他们最流行的菜肴的令人印象深刻的镜头。(如果您的餐厅拍摄了照片,您可能已经考虑过最好的照片了。)对于其他人来说,最具代表性的形象可能是他们时髦的室内设计,或者他们露台上的壮丽景色。

如果您餐厅周围的天气往往温暖宜人 - 就像在Catch位于洛杉矶的地方一样 - 您不应该让您的访客忘记它!

“在Catch的网站上,我们喜欢他们以餐厅的华丽镜头打开,因为这是他们真正闻名的一个元素 - 一个通风和美丽的环境,用餐和享受洛杉矶的惊人天气。”

~ Madison Melle Agency创始人Cara Federici

Cassiala餐厅网站设计

保持菜单清晰

您网站上的菜单必须尽可能明显且易于阅读。客户想知道您提供的产品。如果他们有任何疑问,他们将继续前往下一个可用的餐馆。一家餐馆的网站需要在每晚的基础上赢得那个快速抽搐的“我在哪里吃”的决定才能留在游戏中。

换句话说,不要只上传菜单的PDF并将其称为一天。整个菜单的静态图像也不起作用:您将错过获得SEO优势的机会,让搜索引擎看到您制作的每道菜。

相反,在自己的网页上显示整个菜单。有些网站上有一些图片可以激发人们对其最畅销菜肴的兴趣,但设计简洁的文字菜单往往是最好的方式。

这是Cassia Santa Monica的一个很好的例子:信息密集的菜单易于阅读,清晰描绘的部分,眼睛可以轻松遵循。

“首先,我想看看菜单设计。菜单配对字体好吗?边距是否格式正确,菜单部分是否清晰划分?这些东西很重要,因为菜单的流动直接影响了我对参观餐厅的兴趣。“

~Eden Weinberg,平面设计师兼创意营销经理,Bell + Ivy

Piada餐厅网站设计

考虑社交媒体集成

Instagram,Facebook和Twitter是宣传您最佳菜肴或特别促销的绝佳方式,您肯定希望将超链接徽标包含在您网站上的社交媒体帐户中。

然而,一些餐馆甚至更进一步,并将社交媒体帖子直接嵌入其网站中,从而使观看者无需点击以便查看它们。

当谈到餐馆网站上的社交媒体时,Instagram比Twitter或Facebook更受欢迎,这要归功于喜欢记录他们的饭菜的美食家的亚文化。每日更新的Instagram Feed还添加了一些社交证据,因为您的客户可以看到您的菜肴可以吸引多少喜欢。

Instagram馈送的方形图像看起来相互叠加,因为Piada Italian Street Food主页底部附近的平铺可点击图像证明了这一点。当它,现在我渴望龙虾浓汤。

Toca餐厅网站视频

仔细考虑视频

在您餐厅的网站上添加视频是一个棘手的举措。一方面,它可以是一种引人入胜,有趣的方式,让观众在您的厨房虚拟之旅,展示您的商品和最好的菜肴。但另一方面:如果你不能把它拉下来,你可能只是把手放得太远,用几分钟不稳定的iPhone镜头交换你的优雅神秘感。

一个伟大的视频需要一个很好的预算:你需要一个好的相机,一个懂得如何设置镜头和如何点亮一个场景的人,以及一个足够大的工作空间,让一个小团队在里面操作。专业拍摄的视频可能至少花费几千美元,对于预算紧张的单一餐厅而言,可能不值得投资。

无论你做什么:不要让它自动播放音频。我不在乎你的厨师是多么和蔼可亲,我不想通过我的浏览器标签来找出哪个是通知

也就是说,视频可以以静态图像无法显示的方式展示餐厅的能量。TOCA多伦多提供了一个很好的例子,在其主页上嵌入了一个完美的视频,镜头突出了他们的桌边服务和一个快乐的客户挖掘甜点。

专注于细节

在设计餐厅网站时,小事情会有很大的不同。如果不确保维持最高标准,你不会想把你的盘子冲出厨房,你的网站也不例外。确保即使是最小的细节也能完美地反映您的品牌,并且不要忘记让网站保持最新状态。

ACME餐厅网站设计

跟踪季节性菜单更改

在线更新季节性菜单可能是一件无聊的苦差事,但这就是为什么它可以帮助你脱颖而出。全新的季节性菜单让客户放心,您会忘记细节。

这也是使用PDF菜单的诱惑最强烈的地方,因为它使餐厅的更新变得轻而易举 - 但实际上,阅读该菜单对于您的网站浏览者来说更难一点。

总部位于曼哈顿的ACME Bistro大胆选择将其季节性菜单变成一个弹出窗口,阻止页面上的所有内容,确保没有人可以错过它。

您已经听说过“客户永远是对的”,但是有一个鲜为人知但同样有用的必然结果,“客户总是很懒惰。”随着季节的变化更新您的网站菜单可能会很痛苦,但它会导致更快乐的客户。

布莱克的餐厅网站设计

定义您的在线订单政策

客户可以通过网站订购送货或取货吗?他们可以在线预订吗?不同的餐馆有不同的政策,它在网站功能和设计方面有很大的不同。

例如,如果您提供送货服务,则需要确保所有价格都明确标记并保持最新,否则您将阻止不知道他们需要支付多少费用的客户。

如果您允许在线预订,请确保大胆的“预订”按钮是客户看到的第一个按钮,例如波士顿,基于MA的Blake在其网站顶部包含的按钮。如果客户没有选择开始在现场保存餐桌,即使是最好的网站也不会带来更多的销售。

最后一条忠告:当涉及实际预订时,很多餐馆似乎都喜欢OpenTable,这是一种专为此工作而设计的单一服务第三方集成。如果您选择它,我与之交谈的一位营销人员建议,您可能希望选择一个可以节省客户时间的小部件。

“我经常使用的一个设计元素是一个只能直接指向OpenTable的按钮。OpenTable现在实际上有小部件,您可以直接从您的网站预订表。这有助于将您的用户留在现场,并且无需用户访问多个页面进行预订。“

~ Wat Codeus的广告和营销主管Ethan Herber

飞猪餐厅网站设计

单个或多个位置?

如果您有多个位置,则应在主页上明确说明。

一些餐馆特许经营店将为每个地点提供新的域名和网站,但大多数只是在其主页顶部的标题中列出所有位置和地址。

如果您有三个位置,则网站的标题可能包含每个位置的地址。如果您有四个或五个,它可能只有每个城镇名称的空间。所述飞猪是两者的一个例子。

飞猪头,2017年

2017年,该网页包含三个位置,包括电话号码和地址。

飞猪头,2019年

到2019年,特许经营已经增加了另一个位置,并且需要使它们的标题更简单一些。

污垢糖果餐厅网站设计

限制那些弹出窗口

在研究这篇文章时,我被邀请购买星期天无底桃红葡萄酒的门票,尝试一对一的午餐特别订阅,并订阅无尽的电子邮件通讯 - 所有这些都是通过侵入式弹出窗口迫使我关闭它们才能看到其他任何东西。

弹出窗口不应该完全填满页面,作为潜在客户获得的第一个介绍。他们需要背景。令人讨厌的弹出窗口是一个令人惊讶的常见错误,即使是在其他明星站点。

一个很好的选择?纽约市素食餐厅Dirt Candy用来提醒游客在母亲节之前预订餐桌的有品味(没有双关语)黑色条纹。它只能在网站的最顶端运行,所以它不会分散或模糊任何东西,并且一旦关闭它就不会再出现。

酒吧伊莎贝尔餐厅网站设计

省略褶边

一旦你按照这里最好的餐厅网站的所有步骤,还剩下一个小提示:返回并删除任何不符合目的的东西。

一些餐馆包括冗长的博客或其工作人员的简介。其他人投入音乐播放器或动画图形。但这些额外的装饰不是吸引客户,而是更容易混淆他们并稀释您网站的信息。记住必需品 - 地址,时间,菜单和预订 - 并尽可能地削减其他所有内容。

多伦多的Bar Isabel网站提供了一个很好的例子:基本信息以页面为中心,旁边是备用的黑白背景,非常适合移动和桌面的清晰度。

“额外的图形和文字需要成为'附加值'等式的一部分。如果该项目以任何方式不相关,必要或相应,则不应该在该网站上。保持网站的混乱并不意味着它看起来很糟糕,这意味着您了解您的网站存在的原因以及您的客户将如何使用它。“

?杰夫·杰克,杰夫·杰克制作的

后续步骤创建完美的餐厅网站

希望到现在为止,您对创建餐厅网站的最佳方式更有信心,该网站将引导客户走进您的大门。它可能会有很多考虑因素,但如果您不知所措,请记住,一个好的网站构建工具可以为您完成大部分艰苦的工作。

最重要的是,您不需要成为专家来使用网站构建器。这些出色的工具为您提供光滑的模板和简单的拖放功能,帮助您轻松自定义事物。

不确定如何移动优化网站?网站构建器将自动为您执行此操作。不确定如何创建“与我们联系”表单,或在您餐馆的位置嵌入Google地图?所有这一切都可以在模板中准备好 - 只需要几个简单的调整就可以添加自己的联系方式。

要记住的另一件事是  网站建设者是非常有价值的。创建网站,发布网站并将其保持在线托管,通常每月花费不到10美元。

你应该选择哪个网站建设者?我们已经测试了市场上最大的网站建设者品牌,我们的首选是Wix,这得益于其出色的易用性,强大的帮助和支持以及各种模板。从纯粹的设计角度来看,我们认为Squarespace拥有最好的模板,包括一系列精彩的餐厅网站设计。

有关更多指导,请参阅我们针对初学者的最佳简易网站建设者。

  • 相关推荐
  • 大家在看
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354