咖啡 · 餐饮品牌官网
焙序咖啡
整站围绕「烘焙曲线」：首屏的曲线按真实升温速率逐秒画出来，豆温和阶段读数同步跳动。往下的豆单做成豆包标签，烘焙度滑块一拖，豆子颜色和风味描述跟着变。
- 结构
- 首屏 · 本季豆单 · 烘焙度 · 菜单 · 门店 · 订阅 + 页脚
- 技术
- 原生 HTML / CSS / JS，SVG 曲线 + requestAnimationFrame
- 设计
- 原创（品牌名、视觉、文案）
企业官网 · B2B 软件
仓衡 WMS
首屏是一个用代码画出来的仓库：拣货员沿通道拣货、回台复核，出库单数实时增加。四个核心功能做成可切换的界面样机，底部是带完整校验的预约演示表单。
- 结构
- 首屏 · 客户 · 产品功能 · 数据 · 行业方案 · 客户案例 · 部署 · 价格 · 预约演示 + 常见问题
- 技术
- 原生 HTML / CSS / JS，SVG 实时绘制，无障碍分页签
- 设计
- 原创（品牌名、视觉、文案）
AI SaaS 产品落地页
Plety
流光丝带背景视频、滚动渐入、无缝 logo 跑马灯，两块可以点着玩的产品界面：输入框能打字，录音卡片能播放，播放时波形和转写文字逐步点亮。
- 结构
- 导航 · 首屏 · AI 对话 · AI 转写 · FAQ · 行动号召 + 页脚
- 技术
- React + Tailwind，预编译为静态文件
- 语言
- 中文 / English，一键切换
摄影师个人作品集
stories in light
鼠标就是手电筒：光斑滑过人像，照到的地方露出金色面具和暗纹墙纸。往下的作品索引延续这个隐喻，光跟着鼠标走，经过的那一行被点亮。
- 结构
- 首屏 · 作品索引 · 委托与方法
- 技术
- 原生 HTML / CSS / JS，CSS mask + requestAnimationFrame
- 语言
- 中文 / English，一键切换
旅行社 · 本地服务业
Airlines
首屏是镜头穿过舷窗的视频。往下所有照片都框在舷窗形状里；结尾的晚霞随滚动从一扇舷窗慢慢放大到整屏，和首屏首尾呼应。
- 结构
- 首屏 · 关于 · 目的地轨道 · 服务 · 本月目的地 · 常见问题 · 结尾
- 技术
- HTML + Tailwind，滚动驱动的 clip-path
- 语言
- 中文 / English，一键切换