Tmall
Interactive games
ulike 二楼互动游戏
挑战舞林极限，炫装劲舞玩嗨！
基于品牌表达、货架组织、单品描述从原来的静态图文升级到互动式、参与式的信息表达，原本图文装修模式将成为过去式。
PROJECT BRIEF
项目介绍
design
01
六月设计从ulike品牌理念及调性出发，针对年轻群体展开精准的流量覆盖，让ulike品牌信息更加精准触达目标消费群体，量身打造的互动小游戏，将新品持续推向大众，让新消费人群聚集于品牌，保持“出新”让品牌连接更多年轻消费者，沉淀自身品牌价值。
customer demand
客户需求
design
02
双十一官方大促时间节点，ulike官方旗舰店需要承接双十一大促流量，拉新促活，提高店铺各项指标数据，希望isv服务商能够针对自身店铺风格以及品牌调性，开发设计一款适合自己店铺的互动小游戏，用于打通消费者与店铺之间互动联系，提升消费者对店铺的认知，通过开发的互动游戏，为店铺双十一大促提升销售额。
project process
项目流程
design
03
分析
investigation and research
寻求可依靠性数据依赖， 对社交类产品分析报告， 结合用户画像等得出初步 价值点
提取
Range
对整理出来的文档和制作 的用户画像进行提炼。筛 选，从中寻找机会点，再 结合一直播数据进行综合 脑暴得出结论点
产品
Structure
对功能点进行原型及交互 的设计，通过可用性测试 和原型设计出最终的方案
表现
Performance
根据设计关键词，产品定 位，视觉情绪版等，制定 品牌形象，进行界面设 计，动效设计，活动设计 等工作
PRODUCT ARCHITECTURE
产品架构
design
04
VISUAL PRINCIPLES
视觉原则
design
05
locn&text
视觉原则
从产品目标人群行为提取出来的衍生关键词，并根据关键词建立视觉情绪版，确定产品风格，统一运用到各类产品Ul界面中去，有利于提高产品设计美感和统一性
COLOR FONT
颜色字体
design
06
采用了玫红色这一青春靓丽的颜色作为主色调，蓝紫色作为辅助色，整体页面的色调以暖色为主，能够体现出游戏的活泼热情感
#FA7890
主色
#F29B76
辅助色
#88BAB6
辅助色
#4EB9EB
辅助色
#B1C4FC
辅助色
#DEECBF
辅助色
常用字号：30、26、24、22、20、18、16
思源宋体
数字字体 阿里巴巴惠普体
time node
时间节点
design
07
1、8月31日，了解客户双十一安排，是否有二楼制作计划。双方进行沟通，确定制作意向，合作方式为全案定制。
2、9.23日，试做第一次方案，主体为大富翁类游戏。得知店铺双十一外部资源主体为音乐类游戏，方案需要大改。
3、9.28日出炫舞方案（详见方案图） 方案通过，提交平台备案。同时，设计、技术启动项目，正式立项，开始制作。
4、9月28-10月16日，素材制作 主体程序开发。
5、10月18日 程序测试 提交平台审核。
6、10月20日正式上线。
设计排期
DESIGN PLAN
项目制作周期：9.28-10.20
（除去十一休假，项目制作周期15天）
游戏策划
制造积极情绪打造体验峰值
运用动效手段在游戏的关键节点打造体验峰值,刺激用户游戏情绪，快速代入游戏人物和情节。
USE DYNAMIC MEANS TO CREATE EXPERIENCE PEAKS AT KEY NODES OF THE GAME, STIMULATE USERS' GAME EMOTIONS, AND QUICKLY REPLACE GAME CHARACTERS AND PLOTS.
情绪代入阶段:引发好奇心，极具仪式感的动画( 乐队弹奏)推动用户快速进入游戏氛围。
情绪沉浸阶段:流畅的操作体验和反馈、场景转场动画提升游戏沉浸感与趣味性。
情绪满足阶段:通过整场的悬念铺设，在最终的结果公布环节来到情绪的高峰时刻。
游戏体验情绪变化曲线
EMOTIONAL CHANGE CURVE
情绪代入阶段
渲染仪式感
情绪沉浸阶段
打造沉浸感
情绪升华阶段
升华体验感
情绪满足阶段
满足成就感
界面设计
游戏结束后会获得相应的积分，积分数累计后用户等级得到提升，并获得相应的等级勋章和称号，持续激励用户玩游戏增强用户粘度。
AFTER THE GAME，YOU WILL GET CORRESPONDING POINTS. AFTER THE POINTS ARE ACCUMULATED，THE USER'S LEVEL WILL BE IMPROVEDAND YOU WILL GET THE CORRESPONDING LEVEL MEDAL AND TITLE TO CONTINUOUSLY ENCOURAGE USERS TO PLAY THE GAME AND ENHANCE THEIR VISCOSITY.
COOPERATE
首页
人物角色设计
PERSONA DESIGN
产品拟人化角色
Game interface
游戏界面
跳舞角色设计
Dance character design
角色设计形象 跳舞动作设计
服装套装设计
Clothing suit design
服装套装根据产品颜色搭配设计
5套衣服对应晋级5关，每过一关即可解锁一套新皮肤
幕后花絮
Behind the scenes gags
人物插画部分记录
跳舞动作47帧绘画记录
47帧的跳舞动画制作时间非常紧迫，从角色定稿到动作设计，服装设计等
整个制作时间5天内完成，其中需要绘制出五套服装的同步跳舞动作，
乐队的插画制作时间约为3天，压力也是非常大的，希望出来的效果会惊艳到大家。
······
游戏等级
游戏结束后会获得相应的积分，积分数累计后用户等级得到提升，并获得相应的等级勋章和称号，持续激励用户玩游戏增强用户粘度。
AFTER THE GAME，YOU WILL GET CORRESPONDING POINTS. AFTER THE POINTS ARE ACCUMULATED，THE USER'S LEVEL WILL BE IMPROVEDAND YOU WILL GET THE CORRESPONDING LEVEL MEDAL AND TITLE TO CONTINUOUSLY ENCOURAGE USERS TO PLAY THE GAME AND ENHANCE THEIR VISCOSITY.
Rank promotion
段位晋升
LV.1
青铜
LV.2
白银
LV.3
铂金
LV.4
钻石
LV.5
王者
炫装屋换装
炫舞晋级过关中会随机掉落服装，闯关到王者可解锁所有服装，玩家可以随心挑选自己喜欢的搭配，在炫舞游戏中美丽升级。
Costumes will be dropped randomly during the promotion of dazzle dance. All costumes can be unlocked when the king passes. Players can choose their favorite collocations and upgrade beautifully in the dazzle dance game.
DSZZLE HOUSE
炫装屋
鼠标划过，体验一下换装游戏~~
其他页面
Other pages
规则弹框
游戏加载页面
抽奖页面
段位晋升
后台数据
Background data
后台数据
项目团队
项目经理：冰冰 视觉总监：鱼丸 插画组长：鱼丸 动画组长：鱼丸 程序经理：萝北 程序总监：暮冷
谢谢观赏

六月设计团队出品