Yuno / 作品 / 蓝瓶咖啡概念

蓝瓶咖啡,
慢下来。

非官方概念 · 网站 · 动效 · 2026

Yuno 的非官方概念设计。与蓝瓶咖啡无任何关联,亦未获其赞助或认可。

一次滚动,看完整个页面。冲煮部分按您滚动的速度进行。

问题

蓝瓶咖啡的故事关于耐心:一杯一杯地手冲。大多数咖啡网站会告诉您这一点。我们想的是,页面怎样才能让您感受到它。

创意

滚动即冲煮。页面滚到一半会变成深蓝色,变成一杯手冲:计时器开始走,电子秤加到 350 g,画面里在注水,门店配方的每一步随着注水依次亮起。页面的节奏就是冲煮的节奏。

工艺细节

随滚动计时的冲煮

计时器、电子秤和画面都跟着同一个数字走:您滚动了多远。0:00 闷蒸,0:40、1:10、1:40 三次注水。

深蓝色的冲煮区块:手冲画面上的计时环显示 1:15,旁边是配方步骤
冲煮到 1:15。秤上 350 g 中的 200 g,第二次注水亮起。

一句会动的话

采购、烘焙、冲煮、端上:每个动词都在句子里带着一段小小的循环视频。

一句大号衬线字的句子,里面嵌着咖啡豆、咖啡粉、注水和拉花的小圆角视频
四个动词,四段视频。一句话讲完一杯咖啡的来历。

在屏幕上就能尝到的咖啡

每张卡片先给出大号的风味描述,配色取自风味本身。

橙色、淡紫、粉色和蜂蜜色的四张咖啡卡片,每张以大号风味描述开头
风味优先。名称、烘焙度和价格随后。

刻意与无人机作品相反

明亮、缓慢、温暖,只留一个深蓝色时刻。同一个工作室,不同的品牌配不同的气质。

在手机上

拱形照片放在最前,冲煮部分把计时器留在注水画面上,只显示当前这一步。

手机上的概念首屏,拱形画框里的咖啡杯在标题上方手机上的冲煮区块,计时器叠在注水画面上

每个事实都核实过

配方(20–27 g 咖啡粉、350 g 195–205ºF 的水,0:40、1:10、1:40 注水)、奥克兰老城农贸市场上的那辆小推车、滴滤杯的 70 个原型、咖啡品种、风味描述和价格,全部来自 bluebottlecoffee.com,读取于 2026 年 11 月。视频是授权图库素材,页面上也注明了。

对您的产品意味着什么

如果您的产品自带一个过程,比如一份配方、一次安装或一套设置,您的页面可以让人亲手试一试,而不是读一段介绍。我们找出那个时刻,再围绕它搭建页面。 网站服务 →

下一件作品:Yuno 网站 →

有想法了吗?

几句话就够了。我们会在一天内回复。

开始项目