三个快速休闲餐厅网站设计建设比较

2024/1/8

奇多巴

我们要访问的第一个网站是Qdoba.com,这是一家餐厅的主页,提供一些美味的墨西哥卷饼和其他西南美食。它很像 Chipotle,我们已经在另一篇文章中看过了。看一下标题:

截屏

到目前为止,一切都很好!我真的很喜欢排版和摄影的并置。设计大而大胆,但又新鲜又友好。它完美地捕捉了餐厅的感觉,描绘了快乐的人和美味的食物的完美融合。

强大的品牌

他们目前的品牌策略是Qdoba是“为热爱食物的人提供的食物”。这个想法在整个网站上得到推广,甚至以互动方式传播。例如,优惠券页面将最后一个单词视为“填空”,您可以在其中输入您喜欢的内容,并根据您选择的单词赚取不同的优惠券。

截屏

这是一个很棒的心理技巧。他们巧妙地迫使我通过将品牌与我喜欢的事物联系起来来与它建立联系。同样,你看到的所有那些与食物照片交织在一起的笑脸也强化了这一点。

“他们巧妙地迫使我通过将品牌与我喜欢的事物联系起来来与它建立联系。”


菜单

我真正喜欢 Qdoba.com 的另一件事是菜单演示,这绝对是任何餐厅网站最重要的方面之一。每个项目都整齐地排列在网格中,并配有有吸引力的高调食品摄影和干净的文字。

截屏

首页内容

当我访问一家餐厅的网站时,我通常想做两件事:查看菜单并了解如何获取食物。后一种操作通常涉及在线订购或查找电话号码和地址。

“当我访问一家餐厅的网站时,我通常想做两件主要的事情……”


Qdoba 几乎可以直接从主页处理所有这些操作,从而大大降低了内容定位的便利性。在页面顶部,您会被介绍到餐厅并被告知要获取一些优惠券。当您向下滚动一点时,您会看到带有营养信息链接的菜单项。最后,当您点击页面底部时,您会看到您所在区域的位置地图。

截屏

唯一没有在主页上完成的主要目标是在线订购,该选项位于屏幕右上角(浏览眼睛的主要空间),在滚动时始终伴随着您的标题中。

响应启动

看到大公司纷纷加入响应式潮流真是太棒了。事实上,Qdoba.com 对不同视口大小的响应相当好。

截屏

我们学到了什么?

Qdoba.com 有很多很棒的设计课程可以教给我们,其中最重要的可能就是强大品牌的力量。它们的调色板、排版和摄影保持一致,所有这些结合在一起创造了客户可以识别的独特身份。快乐的人们和美味的食物镜头的结合是经过尝试和真实的,并且几十年来一直忠实地为餐厅服务。

“它们的调色板、排版和摄影都是一致的,所有这些结合在一起创造了客户可以识别的独特身份。”


这里还有另外两个重要的教训。首先,响应式设计不仅仅是网页设计师作品集的一个有趣技巧。企业界可以而且应该公开拥抱它,因为这意味着为更多客户提供更好的体验。

最后,始终考虑为什么大多数访问者来到您的网站,并尽最大努力迎合这些行为。大多数人想要在 Qdoba.com 上做的几乎所有事情都可以通过主页完成。

裴伟

接下来的快速休闲之旅是我个人最喜欢的另一家餐厅:Pei Wei,一家提供来自多种亚洲文化的美味主菜的餐厅。它是较为正式的 PF Chang's 的快速休闲系列的兄弟。这是主页:

截屏

颜色

裴伟的网站让我首先注意到的是颜色;大胆、美丽的色彩。调色板非常暗和温暖,它暗示着辛辣、丰富的味道,让我对蜂蜜烤鸡垂涎欲滴。

截屏

最酷的是,这些颜色很可能直接取自裴伟提供的食物,Qdoba 也使用过这个技巧。

截屏

每当您尝试为公司开发配色方案时,请始终记住,您通常只需要看看他们的产品线即可。

“最酷的是,这些颜色很可能是直接从裴伟提供的食物中提取出来的”


一切都与食物有关

Pei Wei 的技术与我们在 Qdoba 网站上看到的技术非常不同。这里的审美100%是关于食物的。放眼望去,到处都是美丽的美食镜头。

截屏

我在网站上浏览了一段时间,看看是否能找到一个人的照片,据我所知,没有。它看起来不那么个性化和吸引人,但我认为他们做得很好。如果他们进行重大品牌重塑,我不会惊讶地看到他们以更友好、更人性化的感觉来对待它。

我不喜欢的事情

总的来说,裴伟有一个相当强大的网站,但从设计的角度来看,有些东西我并不喜欢。首先,由于布局有些混乱,有很多被困、尴尬的负空间。这并不可怕,但可能会让人分心。

在我的书中,最糟糕的是菜单,它看起来像这样:

截屏

正如您所看到的,这只是一个无聊的基于文本的菜单。每道菜确实都有一个漂亮的附带产品照片,但它是隐藏的,直到您点击它。好处是可以节省页面加载时间,但缺点是这不会让我感到饥饿!请记住,饥饿的人是您的目标受众。

“好处是可以节省页面加载时间,但缺点是这不会让我感到饥饿!”


我绝对认为菜单页面需要重新设计,以更好地利用他们显然拥有的所有那些令人垂涎的照片。你不一定要一直展示每张照片,但肯定可以采取一些措施让它变得生动起来。

我们学到了什么?

从裴伟那里,我们学到了很多关于如何用食物摄影进行设计的知识。我们发现食物照片是丰富的调色板来源,有助于将品牌形象与产品联系起来。我们还看到在菜单展示时隐藏这些照片是多么的耻辱。

野花面包公司

我们要参观的最后一家快速休闲餐厅是Wildflower Bread Company,这是一家提供美味烘焙食品、三明治和面食的一站式商店。

我选择这家连锁店是因为他们的商店实际上设计得很好。漂亮的标志、漂亮的色彩、很棒的家具和免费无线网络!这是享用延长工作午餐的好地方。

不幸的是,这种令人惊叹的设计似乎并没有延伸到网络上。这是他们在我的 MacBook 上显示的主页:

截屏

这里的内容实在是太……小了。在响应式网页设计最大化利用每个屏幕的世界里,这里堆积如山的空白空间感觉就像是一种可怕的浪费。

“在响应式网页设计最大化利用每个屏幕的世界里,这里堆积如山的空白空间感觉就像是一种可怕的浪费。


整个网站感觉像是一个由分散的内容、营销信息、照片和文本组成的大杂烩,根本不符合实体建筑的标准。

截屏

印刷版≠网页版

Wildflower Bread Company 给人的感觉是一家拥有一流的印刷设计团队和一个规模很小、支持不力的网络团队的公司。就像 00 年代初期的许多企业一样,他们正在努力将自己的品牌转移到网络上,因为这是一种完全不同的媒介。

一次又一次,我看到这个设计的某些部分告诉我,它只不过是为打印而创建的东西的一个端口。菜单是这种思维的完美例子:

截屏

这些段落的对齐方式很差,宽度非常窄,视觉强化为零,换行也很尴尬。这不完全是网页排版的一个光辉例子。整个网站都存在字体问题,请查看下面文本中心栏宽度惊人的窄:

截屏

大量阅读

与我们在其他两个网站上看到的大型、有吸引力的食品摄影不同,这个网站为您提供了段落。长而不间断的文本页面作为主要内容。

截屏

同样,这是不了解人们如何浏览网络的直接结果。我不会读这篇文章,几乎没有人会读。如果你在吹嘘你的烘焙食品,请将其切成一个段落,并向我展示一些看起来美味的食物。

“这是不了解人们如何浏览网络的直接结果。”


我们学到了什么?

这里的一个启示是,快速休闲餐饮网站并不都很棒。诚然,我对这里可怜的野花非常严厉,但简单的事实是,我今晚只会在一个地方吃晚饭,如果我浏览这三个网站的菜单来帮助我做出决定,另外两人每次都击败了野花。

我一遍又一遍地重复的重要教训是,网络不是交互式小册子。这是一种完全不同的媒介,需要一套完全不同的设计技能和挑战。这似乎违反直觉,但一家以良好的“现实世界”设计而闻名的公司在网页设计方面确实很糟糕。

Qdoba vs. 裴伟 vs. 野花

完全偶然的是,上面的网站一开始很强大,然后就走下坡路了。Qdoba 是迄今为止我最喜欢的,因为它华丽的图像、响应式布局和出色的品牌。裴伟的实力确实稍弱一些,但总体来说在餐饮业的表现仍然相当强劲。Wildflower 排名靠后,但网站相当薄弱,确实需要从头开始进行彻底的重新设计。

那么这里有什么意义呢?为什么要看这三个网站?因为它们完美地说明了具有相同目标的不同项目如何根据相关人员的才能和资源而有如此不同的进展。所有这三个企业都是受欢迎、成功的餐厅,绝对有能力建立强大的网络形象。

将此作为您自己项目的教训,尤其是当您在团队中工作时。你是否能够集中你的资源并做出一些让你真正感到自豪的事情,或者有什么阻碍你?是上面提到的任何事情还是其他事情?请在下面告诉我们。

另外,请务必告诉我们您最喜欢的休闲快餐餐厅以及他们的网站与上述网站相比如何


更多新闻

网站设计如何融入智能交互,增强用户体验
人工智能给网站设计带来的好处
2024年科技行业网站设计风格趋势
高端网站设计的注重点有哪些?