网页设计师如何帮助餐厅进入数字体验

已发表: 2022-03-10
快速总结↬餐饮业已开始经历重大的数字化转型。 那些想要生存的人将需要一个能够处理新运营方式的网站,这意味着他们再也负担不起他们多年前为自己建立的廉价网站。 这为有兴趣在该领域工作的网页设计师带来了巨大的机会。

尽管我一直很喜欢外出就餐和点外卖的体验,但我很少喜欢访问餐厅的网站。 但我明白了。 餐饮业的利润率往往非常低,因此当他们只想列出他们的营业时间和菜单时,很难证明在专业设计的网站上花钱是合理的。

然而,我设想所有这些都将在 2020 年(及以后)发生变化,因为餐馆为了生存而被迫向数字化扩张。 与新手可能与廉价网站建设者一起破解的网站不同,建立具有竞争力的数字存在并不是他们自己能够做的事情。

这就是为什么网页设计师应该认真考虑扩展到这个利基市场的原因。

网页设计师如何帮助餐厅进入数字化

通常,当餐饮业发生严重动摇时,那些想要生存的人会采用更新更好的技术来适应。 因此,餐厅对数字化转型并不陌生。 不过,到目前为止,重点主要是投资于改善内部工作方式的技术。

然而,随着 2020 年发生的一切,餐馆将需要网页设计师的帮助来做三件事,以确保他们在日益数字化的世界中生存:

跳跃后更多! 继续往下看↓

1. 现代化餐厅网站

每当我写其中一篇文章时,我都会花时间查看几十个网站,以找到最好的例子来说明我的观点。 我不会撒谎,这很艰难。 虽然我知道我可以求助于全国连锁餐厅来寻找现代风格的网站,但我很难与其他人相处。

虽然在 2020 年找到一家拥有漂亮网站的独立餐厅运营商或本地连锁店并非不可能,但我想说,如果他们甚至有网站的话,至少有一半已经落后于时代。

还记得网站是这样设计的吗?

一个模糊的网站展示独立餐厅如何仍然有反应迟钝的设计
2020 年过时的餐厅网站,为了保护其身份而进行了模糊处理。 (来源:匿名)(大预览)

我已经模糊了餐厅的名称和细节以保护其身份,但您仍然可以感受到这种设计在 2020 年的糟糕程度。

餐厅网站不能再成为蹩脚的、无响应的占位符了。 他们需要成为令人印象深刻的数字存在,为客户在与餐厅互动时的用餐体验奠定基础。

让我们来看看 In-N-Out Burger 如何在现代网页设计中脱颖而出。 您会注意到的第一件事是它是响应式设计。 在桌面上,网站适合屏幕的整个宽度,因此不会浪费边框周围的空间。 在移动设备上看起来也不错:

移动设备上的 In-N-Out Burger 网站
In-N-Out Burger 移动网站响应迅速且易于阅读。 (来源:In-N-Out Burger)(大预览)

另外,请注意图像。 这是一家汉堡店,因此您应该期望该网站上充满了汉堡照片,事实就是如此。 但是,关于您在网站上找到的汉堡,有一些有趣的事情需要注意。

In-N-Out Burger 网站照片和过渡
In-N-Out Burger 网站使用完美的框架图像和精心挑选的过渡。 (来源:In-N-Out Burger)(大预览)

当有人进入有汉堡照片的页面时,食物会滑入框架中,就好像有人将其滑到餐厅的顾客面前一样。 这是一个巧妙的小过渡,网站的许多访问者可能甚至没有意识到发生了什么,但它使体验感觉更加逼真和互动。

转换并不是您创造这种体验的唯一方法。 在店内拍摄的背景视频同样有效,它让客户有机会在店内穿行,而不是依赖仅绘制部分图片的静态图像。

餐厅网站需要改进的另一件事是它们的组织方式。

当人们准备出去吃饭或就餐时,不要浪费时间试图强迫他们记住餐厅的历史(其中许多网站令人惊讶地这样做)。 导航以及 CTA 在主页上出现的顺序应该反映客户想要采取的行动。

思考过程很可能是这样的:

  1. “我不知道该点什么。 菜单呢?” (菜单)
  2. “我需要预约还是可以随时去?” (预订)
  3. “这里又是什么地方?” (地点联系方式)

或者,这些天,#2 看起来更像这样:

  • “他们做外卖吗? 我想知道他们是否会提供它。” (网上订购)

客户可能还想在网站上做其他事情。 就像购买礼品卡或商品、注册奖励或申请工作一样。

因此,尽管就访问者首先看到的内容而言,上述任务应该是优先事项,但请务必查看网站的数据,看看他们还有什么兴趣做的。 然后,确保这些流行的操作在导航和网站设计中占据中心位置。

2. 使他们的收入多样化

在正常情况下,盈利能力是许多餐厅的问题。 再加上一场危机,这将变得完全不可能产生任何利润——也就是说,如果他们完全依赖堂食业务的话。

早在 COVID-19 之前,消费者就已经对数字餐饮解决方案表现出越来越大的偏好。

根据 Peapod 的数据,77% 的美国消费者表示他们更喜欢在家吃饭而不是外出。 但这并不一定意味着从餐厅点菜。

  • 27% 的人更喜欢在线订购杂货并从商店取货。
  • 26% 计划使用杂货配送。
  • 20% 对餐包感兴趣。

然后,您从 Technomic 和国家饭店协会获得的信息发现,美国大约60% 的餐厅销售额来自外部餐饮

对于尚未实现数字化餐饮选择的餐厅,他们将不得不尽快。 这也不仅仅是暂时的事情。

未能实现数字化的餐厅将无法生存。

因此,将需要网页设计师来帮助他们构建以下内容:

  • 他们网站的在线订购系统或外部服务的链接,
  • 预订系统(用于内部用餐时)。

不过,这只是最低限度。 例如,Snooze Eatery 就是这样做的:

Snooze Eatery 在线送货或取货
Snooze Eatery 在其网站上宣传送货或取货。 (来源:Snooze Eatery)(大预览)

访问者在网站上看到的第一件事是在线订购选项。 当他们点击“Place Your Order”时,他们会被带到餐厅的专有订购门户:

Snooze Eatery 在线订购门户
Snooze Eatery 的在线订购门户。 (来源:Snooze Eatery)(大预览)

这本身就是餐厅通过其网站提供服务的绝佳解决方案,因为它允许他们控制订购过程并获得更多利润(当然,这取决于您的客户来决定)。 也就是说,许多餐厅正在变得富有创意,并超越了传统的在线订购选项。

在Snooze Eatery 网站的首屏下方,访问者会发现此横幅:

Snooze Eatery 社区规定:家庭式餐包和食品必需品
Snooze Eatery 现在提供邻里供应。 (来源:Snooze Eatery)(大预览)

正如我之前提到的,有很多人希望能够在网上订购食物,然后在家里自己准备。 虽然以前这会让餐厅变得高高在上,但现在情况已经不同了,因为许多餐厅正在扩大他们的产品范围,包括家庭式餐包和像贪睡这样的杂货。

仅这一点就意味着网页设计师对于餐馆来说将变得越来越重要。 不要指望工作到此结束。 餐厅还需要您的帮助,将其他货币化产品构建到他们的网站中。 例如:

  • 礼品卡;
  • 商品;
  • 餐包、酒类配送等的订阅服务;
  • 烹饪课程、高级食谱等的在线会员资格。

如果他们还没有,他们可能还需要帮助来创建奖励和帐户管理系统。

3.在第三方网站上修复他们的品牌形象

尽管网站应该是为在线业务提供一切动力的引擎,但餐馆也需要其他网站来帮助提高知名度。 例如:

  • Facebook分享照片、宣传位置信息和收集客户评论;
  • Instagram分享照片、餐厅更新和客户生成的内容;
  • YelpTripAdvisor收集客户评论和反馈;
  • 谷歌我的商家在谷歌搜索和地图中创建本地存在以及收集评论;
  • DoorDash等交付服务将交付外包给;
  • OpenTable等预订网站可将预订外包给。

如果客户在网上寻找餐馆,他们需要愿意并且能够在他们所在的地方与他们会面……在最终将他们带到网站之前。

尽管创建这些页面最终是餐厅的责任,但您应该在视觉品牌方面提供帮助。 一方面,它确保了他们所有平台之间的一致性。 此外,它还可以让您填补餐馆老板可能不会想到的缺失部分。

让我们来看看罗德岛的主食,IGGY'S:

IGGY 的网站,上面有蛤蜊的图片和 3 个在线订购选项
IGGY'S 网站的访问者被介绍到这家餐厅,其标志性的蛤蜊形象。 (来源:IGGY'S)(大预览)

海滨餐厅立即开始营业,并为游客提供 3 种在线订购选项(根据他们想去的位置)。

这是在线订购门户的外观:

IGGY的在线订购门户
IGGY'S 餐厅的在线订购门户。 (来源:IGGY'S)(大预览)

注意这看起来有多好。 它采用了原本只有文本的菜单,并将其变成更具吸引力的东西,并且可以说更有效地推动销售。

现在,对比一下 IGGY 通过 DoorDash 进行的在线订购:

DoorDash 在线订购 IGGY's
DoorDash 客户可以从 IGGY 的餐厅在线订购。 (来源:DoorDash)(大预览)

此页面上的项目很少带有描述或图像。

现在,IGGY'S 是罗德岛附近的一家知名餐厅,因此对于在线客户来说,这可能不会破坏交易。 然而,新客户可能会比通过 IGGY 网站获得的菜单更加恐惧,因为它缺乏细节。

这就是您的以视觉为中心的方法派上用场的地方。 通过确保每件商品都附有高分辨率且令人垂涎的照片(与网站上使用的照片相同),您可以为他们优化销售机会。

确保始终如一地呈现品牌元素也很重要。 这样,如果现有客户在 DoorDash 上遇到他们最喜欢的餐厅,他们会毫不犹豫地下单,因为他们会立即知道这是他们最喜欢的餐厅。

例如,DoorDash 上的标志在质量或外观方面与网站上的标志完全不同:

IGGY RI 的 DoorDash 徽标和位置信息
IGGY'S 的 DoorDash 标志与网站上的不符。 (来源:DoorDash)(大预览)

无论是徽标还是其他品牌元素,您都需要确保 1)它与网站相匹配,并且 2)看起来不错。 这适用于 DoorDash 等在线订购网站以及我之前提到的所有其他网站。

包起来

我们现在处于这样一个时刻,餐厅不能再不愿或吝啬改善他们的数字存在。 而且,作为一名网页设计师,这应该会让你兴奋不已。

除了设计基本网站之外,您还可以做很多事情来帮助这个领域的企业。 由于他们的大部分数字化转型都涉及在线销售,因此您将设计直观、现代且令人垂涎的体验,同时为他们创造新的货币化途径。