增加故事、产品和陈列入口
连续呈现能连接品牌内容，但访客也需要直接找到关心的部分。我增加故事、产品和陈列的章节入口，并在连续长卷中保留主动跳转。
CASE 01
客户项目 · 已交付品牌内容策划与官网交付
GOOSE PLANET产品官网
依据家纺产品资料提炼材质与感官卖点，负责官网内容结构、交互取舍和部署交付，完成品牌故事、五感体验与四个产品系列的展示。
- 项目性质
- 客户产品官网
- 项目时间
- 2026.07
- 本人职责
- 产品表达、交互取舍与交付
- 制作方式
- AI 辅助开发与迭代
官网真实画面GOOSE PLANET 官网真实画面 · 四个产品系列的陈列与浏览。
4 个系列产品陈列与浏览
约 65 秒官网交付演示
官网交付内容、交互与部署
01需求与职责
提炼面料与感官卖点，编排品牌内容
客户希望用官网呈现家纺产品的材质与感受。我从产品资料中提炼面料与感官卖点，组织品牌故事、产品说明和四个系列的陈列。
以羽毛作为贯穿画面的视觉线索，把轻、软与舒适的感受连接到具体产品。我负责表达方向、交互取舍与修改判断，借助 AI 推进方案与页面实现。
02成品演示
约 65 秒官网演示：故事、体验与产品陈列
这段约65秒的交付演示，串起品牌故事、五感体验与系列陈列。可以完整观看，也可以直接跳到下面的片段。
直接打开视频 ↗ · 为浏览体验压缩画质与帧率，内容保留。原站配乐：Erik Satie《Gymnopédie No.1》，Kevin MacLeod演奏，incompetech.com，CC BY 4.0。
03交互取舍
增加章节导航，拆分滚动浏览与产品放大
滚动浏览，悬停或点按放大
原先由滚动推动产品展开，连续浏览与放大查看相互干扰。我把悬停或点按用于放大，滚动继续负责浏览；移动端采用竖向陈列，适应窄屏与手指操作。
品牌开篇与产品陈列的实际页面画面。
04交付结果
完成官网制作、手机适配与域名部署
内容组织品牌故事、五感体验、产品说明与四个系列陈列。
交互与适配章节导航、连续浏览、产品放大、移动端布局及音乐控制。
视觉检查调整字重、墨色和信息层级，检查不同设备上的呈现。
部署交付完成域名部署，保留官网和交付演示入口。
主域名为主要作品入口，备用官网可能保留不同迭代版本。