UNDER THE CASTLE.
TEAM WANG 限定集市
连接线上预约与线下核销,让品牌氛围贯穿每个操作触点。

C03 / UNDER THE CASTLE.


活动小程序品牌素材 × UI 应用
如何将项目品牌视觉延展到小程序,并把预约凭证与现场核验衔接起来?
我在项目中负责什么
- 将项目既有品牌视觉应用到小程序首页与业务界面。
- 组织线上预约、凭证呈现和工作人员核验的操作路径。
- 承担 UI、交互与交付协同。
01
BRAND CONTEXT
从活动现场理解品牌语境
现场方案中的建筑、灯光与标识提供品牌氛围,小程序延续相同的视觉识别。以下配图来自指定活动方案,用于交代场景与视觉应用。
02
JOURNEY
把线上操作接到现场使用
围绕预约入场、游乐项目购买、线下登记三条路径组织页面。用户负责提交与出示凭证,工作人员核对状态后完成核验。
根据项目资料整理的阅读路径
- 01进入活动
- 02预约 / 购买 / 登记
- 03取得凭证
- 04现场扫码
- 05核验与状态反馈
01
用户端
首页、商店、我的预约与订单提供各自入口。
02
工作人员端
区分商品码、预约码与登记码,显示待核验、已核销及其他状态。
03
RESERVATION
预约需要完整的前后状态
从填写信息到预约成功,再到详情、列表与取消确认,用连续页面交代操作结果。
04
COMMERCE
购买之后,状态仍然是设计的一部分
商品详情、待使用凭证、已完成订单与退款反馈共同构成购买路径;每个状态对应不同的说明和可执行操作。
05
VERIFICATION
核验端用状态减少现场歧义
同一预约在待核销、已核销、过期和取消时,需要让工作人员知道当前结果及下一步。不同历史流程对过期规则有调整,展示保留原稿版本口径。
06
WALK IN
线下登记是另一条入口
扫描登记入口后提交信息、生成凭证,再交给工作人员核验;流程和线上预约共享状态表达。
07
REVIEW
把现场反馈带回下一次设计
复盘记录涉及手机号绑定、核销人员关联、扫码可用性及大量用户同时访问时的问题。设计检查应覆盖数据与状态是否对应,也需要与研发一起安排真实场景测试。
01
状态核对
核对凭证、订单与核销人员关系,而不只检查页面是否出现。
02
规则变更
库存与退款规则需要明确前后关系,再进行完整流程回归。
03
交付协作
现场应急与后续修改分开记录,明确问题归属和处理路径。
让设计,接上交付。
围绕品牌体验与预约核验路径完成小程序界面设计,并配合交付协同。
内容与素材说明在完整作品集中查看 · 第 13–24 页
本人负责小程序 UI、交互与交付协同。活动氛围图来自 TWD - UTC2024方案1031,KV、票券与场景属于项目已有素材。源画板含历史版本及模板占位文字,示例订单信息不代表业务成绩。
查看设计资料依据(5)
- Team wang_交付.sketch
- team wang 小程序预约流程图.pptx
- TW流程图.pptx
- TWD - UTC2024方案1031.pptx
- TW复盘反省.docx