如何制作一个从人群中脱颖而出的食品和饮料网站/我想知道如何制作

日期:2023-07-20来源:生活人气: 我来评论


导读食品和饮料行业是一个很难在其中茁壮成长的世界。您不仅会根据产品的味道来评判您的产品质量,而且您还必须克服设计的棘手障碍。而且,随着

食品和饮料行业是一个很难在其中茁壮成长的世界。您不仅会根据产品的味道来评判您的产品质量,而且您还必须克服设计的棘手障碍。而且,随着食物和艺术变得越来越紧密,想出原创、引人注目的品牌和视觉效果是一项艰巨的任务。这就引出了一个问题:在这样一个竞争激烈的领域,你如何脱颖而出?一旦你有一个美味的产品或一个漂亮的餐厅,你如何确保它不会被一个设计不佳的网站所辜负?在本月的 Double Click 中,我们与 Big Mamma、Fed & Watered、Day Job、Studio Juice 和 Planque 交谈,讲述他们自己完成这项任务的经历以及他们在此过程中的重要提示和技巧。

Big Mamma 是一家自称为“供应最正宗美食的休闲小餐馆”的连锁店。在伦敦、巴黎、里尔、里昂、波尔多和马德里设有分店,这是一家餐厅业务,其设置完全符合其名称:一个大团队,大能量,制作美味佳肴。自然,这样一个雄心勃勃的企业需要一个同样雄心勃勃的网站来迎接它的客户。而且,经过大量浏览后,我们可以确认它符合预期。由 Big Mamma 的内部设计师设计,它不仅传达了所提供食物的真实性,还传达了团队的“滑稽幽默和温暖”。

“该网站的 DNA 旨在将人们带到 Big Mamma 的世界,”设计师解释道。“当你点击登陆页面时,就会视频中看到这一点,这是在 Big Mamma 的典型一天之后的关键时刻,例如团队简报和每周 3 次从那不勒斯送达的马苏里拉奶酪交付。” 从一开始就明确的设计元素是对颜色和插图的关注。黄色是该品牌的主色调,但也有很好的绿色和蓝色,它们与插画家 Olimpia Zagnoli 合作创作的插图元素搭配得很好——她与面品牌 Barilla 的合作非常有名。这些方面看起来反映了 Big Mamma 餐厅的方法,“将真实性与现代曲折相结合”,例如其伦敦分店 Gloria,霓虹灯标牌与老式家具并列。在其他地方,团队的有趣精神体现在允许用户参与设计的交互元素中:在“联系”页面的底部,可以使用光标拖动图示的面条形状。设计师将此作为他们最喜欢的网站功能,解释了它如何完美地体现了 Big Mamma 的精神。

Big Mamma 的设计团队重要提示:

选项卡不要太多,导航应该总是很简单

用网站上所有你想要的信息做一个版本,然后用爱做另一个版本。创造性地看待它——你可以让哪些元素变得有趣?添加一些很酷的怪癖!

确保网站本身不是太大声(字面意思!)。

始终从设计手机版本开始。大多数人在手机上浏览,它需要易于导航并且看起来很酷。食品和饮料行业是一个很难在其中茁壮成长的世界。您不仅会根据产品的味道来评判您的产品质量,而且您还必须克服设计的棘手障碍。而且,随着食物和艺术变得越来越紧密,想出原创、引人注目的品牌和视觉效果是一项艰巨的任务。这就引出了一个问题:在这样一个竞争激烈的领域,你如何脱颖而出?一旦你有一个美味的产品或一个漂亮的餐厅,你如何确保它不会被一个设计不佳的网站所辜负?在本月的 Double Click 中,我们与 Big Mamma、Fed & Watered、Day Job、Studio Juice 和 Planque 交谈,讲述他们自己完成这项任务的经历以及他们在此过程中的重要提示和技巧。

大妈:www.bigmammagroup.com

Big Mamma 是一家自称为“供应最正宗美食的休闲小餐馆”的连锁店。在伦敦、巴黎、里尔、里昂、波尔多和马德里设有分店,这是一家餐厅业务,其设置完全符合其名称:一个大团队,大能量,制作美味佳肴。自然,这样一个雄心勃勃的企业需要一个同样雄心勃勃的网站来迎接它的客户。而且,经过大量浏览后,我们可以确认它符合预期。由 Big Mamma 的内部设计师设计,它不仅传达了所提供食物的真实性,还传达了团队的“滑稽幽默和温暖”。

“该网站的 DNA 旨在将人们带到 Big Mamma 的世界,”设计师解释道。“当你点击登陆页面时,就会在视频中看到这一点,这是在 Big Mamma 的典型一天之后的关键时刻,例如团队简报和每周 3 次从那不勒斯送达的马苏里拉奶酪交付。” 从一开始就明确的设计元素是对颜色和插图的关注。黄色是该品牌的主色调,但也有很好的绿色和蓝色,它们与插画家 Olimpia Zagnoli 合作创作的插图元素搭配得很好——她与面品牌 Barilla 的合作非常有名。这些方面看起来反映了 Big Mamma 餐厅的方法,“将真实性与现代曲折相结合”,例如其伦敦分店 Gloria,霓虹灯标牌与老式家具并列。在其他地方,团队的有趣精神体现在允许用户参与设计的交互元素中:在“联系”页面的底部,可以使用光标拖动图示的面条形状。设计师将此作为他们最喜欢的网站功能,解释了它如何完美地体现了 Big Mamma 的精神。

Big Mamma 的设计团队重要提示:

选项卡不要太多,导航应该总是很简单

用网站上所有你想要的信息做一个版本,然后用爱做另一个版本。创造性地看待它——你可以让哪些元素变得有趣?添加一些很酷的怪癖!

确保网站本身不是太大声(字面意思!)。

始终从设计手机版本开始。大多数人在手机上浏览,它需要易于导航并且看起来很酷。