← 全部作品 / C03
UNDER THE CASTLE.

TEAM WANG 限定集市

连接线上预约与线下核销,让品牌氛围贯穿每个操作触点。

PLATFORM / 平台

活动小程序

MY ROLE / 职责

UI / 交互 / 业务流程 / 交付协同

PROJECT / 项目性质

品牌活动小程序设计

C03 / UNDER THE CASTLE.
TEAM WANG 活动主视觉TEAM WANG 小程序首页
活动小程序品牌素材 × UI 应用
THE DESIGN QUESTION

如何将项目品牌视觉延展到小程序,并把预约凭证与现场核验衔接起来?

我在项目中负责什么

  • 将项目既有品牌视觉应用到小程序首页与业务界面。
  • 组织线上预约、凭证呈现和工作人员核验的操作路径。
  • 承担 UI、交互与交付协同。
01
BRAND CONTEXT

从活动现场理解品牌语境

现场方案中的建筑、灯光与标识提供品牌氛围,小程序延续相同的视觉识别。以下配图来自指定活动方案,用于交代场景与视觉应用。

02
JOURNEY

把线上操作接到现场使用

围绕预约入场、游乐项目购买、线下登记三条路径组织页面。用户负责提交与出示凭证,工作人员核对状态后完成核验。

根据项目资料整理的阅读路径

  1. 01进入活动
  2. 02预约 / 购买 / 登记
  3. 03取得凭证
  4. 04现场扫码
  5. 05核验与状态反馈
01

用户端

首页、商店、我的预约与订单提供各自入口。

02

工作人员端

区分商品码、预约码与登记码,显示待核验、已核销及其他状态。

03
RESERVATION

预约需要完整的前后状态

从填写信息到预约成功,再到详情、列表与取消确认,用连续页面交代操作结果。

04
COMMERCE

购买之后,状态仍然是设计的一部分

商品详情、待使用凭证、已完成订单与退款反馈共同构成购买路径;每个状态对应不同的说明和可执行操作。

05
VERIFICATION

核验端用状态减少现场歧义

同一预约在待核销、已核销、过期和取消时,需要让工作人员知道当前结果及下一步。不同历史流程对过期规则有调整,展示保留原稿版本口径。

06
WALK IN

线下登记是另一条入口

扫描登记入口后提交信息、生成凭证,再交给工作人员核验;流程和线上预约共享状态表达。

07
REVIEW

把现场反馈带回下一次设计

复盘记录涉及手机号绑定、核销人员关联、扫码可用性及大量用户同时访问时的问题。设计检查应覆盖数据与状态是否对应,也需要与研发一起安排真实场景测试。

01

状态核对

核对凭证、订单与核销人员关系,而不只检查页面是否出现。

02

规则变更

库存与退款规则需要明确前后关系,再进行完整流程回归。

03

交付协作

现场应急与后续修改分开记录,明确问题归属和处理路径。

DELIVERY & NOTES

让设计,接上交付。

围绕品牌体验与预约核验路径完成小程序界面设计,并配合交付协同。

内容与素材说明

本人负责小程序 UI、交互与交付协同。活动氛围图来自 TWD - UTC2024方案1031,KV、票券与场景属于项目已有素材。源画板含历史版本及模板占位文字,示例订单信息不代表业务成绩。

查看设计资料依据(5)
  • Team wang_交付.sketch
  • team wang 小程序预约流程图.pptx
  • TW流程图.pptx
  • TWD - UTC2024方案1031.pptx
  • TW复盘反省.docx
在完整作品集中查看 · 第 13–24 页
C端 / NEXT PROJECT / C04

波摩 · 我的艾雷岛

返回 C 端作品
项目画面

点击 + 查看细节 · 按 Esc 关闭