Rick独立开发者

现在可接单 北京时间

EN

焙序咖啡

类型
咖啡品牌官网
分工
设计与开发
年份
2026
技术
HTML / CSS · SVG · requestAnimationFrame
一家自家烘焙咖啡馆的官网:首屏是一条实时画出来的烘焙曲线,豆单做成了豆包标签。

一家自家烘焙咖啡馆的官网:首屏是一条实时画出来的烘焙曲线,豆单做成了豆包标签。

从品牌名、视觉到代码都是原创。整站围绕「烘焙曲线」这个母题:首屏的曲线按真实的升温速率逐秒推算,豆温、时间、阶段读数和转黄、一爆、出锅的标注都来自同一个模型。

往下是按产地配色的豆单、可以拖动的烘焙度滑块(豆子颜色、出锅温度、风味描述一起变)、菜单板、两家门店和月度订阅。

面向国内顾客,中文排版单独处理:标题只在标点处换行。字体和图片全部本地化,不依赖海外 CDN。

下一个作品

仓衡 WMS