作品细节
房子、客房与房价。
开篇视图、一个客房跨页，以及就地更新全页价格的季节切换。
概述
Vona 是一家小型精品酒店的概念项目：八间客房、一座石砌露台，营业季从五月持续到十月。网站只有一个任务——把一次“卡什 精品酒店”的搜索，变成一笔直接预订，而不是被 OTA 抽走 20% 的佣金。
项目需求
- 问题
- 预订平台从每一次入住中抽成。
- 限制
- 八间客房，一位店主，营业季从五月到十月。
- 方案
- 一个从容的页面：所有房价公开可见，每条浏览路径的终点都是直接询价。
小酒店的利润会流失两次：一次给了预订平台，一次给了长得像预订平台的官网。Vona 的页面反其道而行——从容的衬线字体，取自亚麻与橄榄树的色调，文案描写的是清晨，而不是设施清单。
页面结构是一条舒缓的滚动：房子、客房、当季房价、通往海边的小路。每间客房都像书中的一个跨页——房名、景观、床型、楼层——所选季节的房价就在一旁，而不是藏在询价表单后面。
预订方式坦诚面对小酒店的真实需求：一封带有入住日期的邮件询价，所有信息预先填好，直接送达店主的收件箱。没有假装成 PMS 的虚假房态日历——如果酒店需要，那是以后的事。
关于此概念项目
这是为虚构客户打造的概念项目，用以展示我们在客户合作中遵循的流程与标准。
方法
卖的是清晨，报的是实价。
让氛围完成销售
字体、色彩和节奏承载这个地方的感觉。没有无人机航拍，没有自动播放的视频，没有任何需要 Cookie 横幅的东西。
房价公开透明
三个季节、八间客房，每个价格都清晰可见。写信之前就已知道房价的客人，转化率更高，也更少讨价还价。
默认直接预订
每条路径都以附带日期的直接询价收尾。OTA 上的房源只是备选，而不是正门。
上线即具备
一个能赢得直接预订的落地页。
数据以概念项目需求为准。
客房
8个客房跨页
每间客房都是一个精心编排的跨页：房名、景观、床型、楼层、房价——单手拿着手机也能轻松阅读。
季节
三个季节，一键切换
5–6 月、7–8 月、9–10 月。切换季节后，所有客房即时更新价格，无需重新加载。
语言
2种语言，一个页面
外国客人用英语预订，镇上的人用土耳其语预订。一个页面，两种声音。
加载
默认静态
在客人主动需要之前，不加载任何预订引擎的 JavaScript。页面就是一组文件，和我们的其他作品一样。
技术栈
- Next.js
- React
- TypeScript
- CSS 设计令牌
- Resend
- Vercel