线上换装 H5
创意策划 / 互动逻辑 / UI 设计 / 人物插画 / 服饰插画 / 场景插画 / 动效视觉 / 整体视觉整合
H5 前后端技术开发由外部开发团队完成。H022024.08
霸王茶姬 CHAGEE × Short Sentence 短句
从线上换装互动，到城市生活方式空间
围绕霸王茶姬与 Short Sentence 的「川搭自由」联动，MOXUS 将同一套联名语言转化为线上换装体验与成都城市生活方式空间中的线下视觉表达。
01CHALLENGE
两个品牌，
如何形成一种共同表达？
霸王茶姬与 Short Sentence 分别来自茶饮与时装领域，拥有不同的产品语言和视觉系统。
这次联动需要解决的不只是如何把两个品牌放在一起，而是如何找到一种双方都成立、消费者也愿意参与的表达方式。线上需要让服饰、人物与品牌场景成为可以互动的内容；线下则要让联名视觉进入真实城市空间。
02OUR ROLE
MOXUS 负责什么
线下城市街区改造
点位筛选 / 商务联系与谈判 / 实地勘察 / 空间改造方案 / 视觉设计 / 物料制作 / 安装实施 / 达人合作 / 现场内容拍摄
03WHAT WE DID
从视觉语言，
到参与和空间。
找到两个品牌之间的共同视觉语言
我们没有简单套用任一品牌已有的视觉，而是围绕人物、服装、材质与生活场景重新建立一套联名插画系统。在两套品牌语言之间，形成可以被角色、服饰与场景共同使用的表达方式。
把联名变成可以参与的换装体验
联名视觉被设计成一套完整的换装互动。用户从选择人物开始，完成服装搭配、场景选择与结果生成，让一次静态联名转化为由用户亲自完成的视觉组合体验。
把联名带进真实城市空间
我们从成都的城市生活方式空间中寻找适合的点位，并根据不同空间的风格与属性制定差异化改造方案，让统一的联名视觉进入真实环境，同时保留每个点位原有的气质。
04SCENE TRANSFORMATION
从线稿，到场景，
再让人物进入。
同一场景主题被拆成三个创作状态。移入画面自动推进，点击画面或标签可主动切换。
01 / 0301
海滩 BEACH
01 / 0302
门店 STORE
01 / 0303
夜景 NIGHT
05RESULTS
用户不只是访问，
而是进一步参与。
2024.08.14–08.18 / 五天真实数据
222,273访问 PV
115,290访问 UV
95,297参与 PV
82,464参与 UV
72,634生成海报 PV
71.5%访问用户进入参与环节参与 UV ÷ 访问 UV
数据来源：H5 技术后台，2024.08.19 导出。仅呈现五天实际值。
06WHAT REMAINS
一套跨越数字互动与真实空间的联名视觉系统
项目最终形成的不只是单组传播物料，而是一套可以在人物、服装、数字互动和不同线下空间之间延展的视觉表达方式。
ILLUSTRATION→INTERACTION→SPACE
07GALLERY
视觉档案
12 个视觉单元
