GUOJIAO
国窖 1573 · 冰 JOYS
将音乐活动介绍、预约凭证和现场内容组织为可连续访问的 H5。
C08 / GUOJIAO
移动 H5UI / INTERACTION
如何把品牌活动的线上介绍与现场预约、互动内容衔接起来？
我在项目中负责什么
- 组织活动首页、预约表单与现场凭证。
- 设计歌单、相册、视频与问卷的内容页面。
01
PROTOTYPE
先建立预约与内容入口
原型把活动介绍、视频、相册、歌单和问卷收拢到首页，并用预约表单和二维码凭证承接线下参与。
根据项目资料整理的阅读路径
- 01活动首页
- 02内容了解
- 03填写预约
- 04出示凭证
- 05现场参与
02
VISUAL
让视觉主题贯穿多个页面
设计稿通过音乐与活动视觉连接入口、介绍与会场位置，在保持统一氛围的同时让各页面承担明确任务。
03
CONTENT
活动内容有独立阅读层级
歌单、视频、相册和问卷分别适配对应的信息形式；详情中的返回和关闭保持清楚。
04
DETAIL
延展主题视觉的内容详情
不同主题详情共享信息位置与阅读层级，用内容变化形成差异。
让设计，接上交付。
形成活动 H5 的预约原型、内容入口与主题视觉页面。
内容与素材说明在完整作品集中查看 · 第 49–54 页
原型与后续导出设计稿分阶段展示。演艺人物、品牌 KV、摄影及产品图为项目既有内容，不作为独立创作归属。
查看设计资料依据（2）
- 国窖原型.sketch
- 国窖/导出