Maris试用演示
作品细节
餐桌上的菜单。
手机框中的界面样机、桌边二维码，以及后厨实际使用的过敏原标签。
概述
Maris 是为切什梅（Çeşme）一家海滨咖啡馆构想的概念项目：待客热情，厨房精干，只是那份印刷菜单总难以及时更新。项目诉求：告别塑封菜单，留住那份温度。
项目需求
- 问题
- 印刷菜单刚塑封好，就已经过时了。
- 限制
- 必须在任何手机上一秒内打开，强光下清晰可读，而且无需安装 App。
- 方案
- 一份店主用手机就能编辑的单页滚动菜单，扫描每张餐桌上的二维码即可打开。
数字菜单要站得住脚，就得比递上一张菜单卡更快。这意味着：在没有任何缓存的手机上一秒内完成渲染；点按分类时绝不等待网络往返；正午阳光下、遮阳伞底，依然清晰易读。
我们把菜单设计成单页滚动：分类标签吸顶，摄影图片舒展大方，过敏原标签直接标在菜品上，而不是藏在图例里。双语内容逐行切换，无需重新加载——同一道菜的土耳其语和英语始终一一对应，绝不会出现两个版本不同步。
在屏幕背后，店主在后厨用手机就能修改价格和库存。每张餐桌都有专属的印刷二维码，内置桌号——日后若需求扩展到点餐，这一点就能派上用场。
关于此概念项目
这是为虚构客户打造的概念项目，用以展示我们在客户合作中遵循的流程与标准。
方法
一份有咖啡馆气质的菜单。
摄影优先
一张真实的照片，胜过三张风格化的裁切图。网格紧凑，留白充足，不用轮播。
双语同行
土耳其语在上，英语在下，行高一致。哪种语言都不是二等公民。
店主可编辑
员工的手机就是 CMS。调价、菜品售罄、上新每日特供——一分钟内搞定。
上线即具备
咖啡馆需要的，一应俱全；不需要的，一概不加。
数据以概念项目需求为准。
速度
< 0.8秒完成首次加载
静态菜单，边缘缓存。只有第一次点按才会访问网络。
餐桌
每张餐桌一个二维码
每张餐桌一页可打印的二维码。URL 知道客人坐在哪一桌。
过敏原
标在菜品上，而非图例里
麸质、乳制品、坚果、甲壳类——标签就在菜品旁边，正是客人目光所在。
语言
2种语言，一份菜单
在页头切换，偏好自动记住。同样的内容，两种声音。
技术栈
- Next.js
- React
- TypeScript
- Tailwind
- Sanity
- Vercel