速戳,独家揭秘星秀猫化身运动健将背后的故事~

淘宝设计

共 1959字,需浏览 4分钟

 · 2022-07-08

从2020年双11星秀猫选秀成功出道,到2021年618变身大厨,再到2021年双11喵糖大作战,星秀猫不知不觉陪伴了大家三届的时光,带来多样趣味快乐。



▲历届星秀猫
那今年618还能玩什么,在不断探索、尝试不同的过程中,我们希望以运动主题让猫猫们焕发全新活力,希望能给大家带来一场轻松、有趣的互动体验。猫猫们也在摩拳擦掌,整装待发。

#01
展现运动赛事主题

1. 易懂的世界观设定
疫情的打扰,让生活失去了很多欢和活力,然而冬奥会的体育盛会上运动健儿们拼搏不息的奋斗热情生动地诉说着生命的精彩,点燃了人们对生活的热爱,星秀猫化身运动健儿,邀请大家一起投入运动赛事,感受运动的风采和竞技的快乐。


2. 比赛对抗感打造
当用户来到游戏内,如何一看就知道是对抗式的游戏呢?首先,从页面框架布局上,对三条赛道的排布我们采用了纵向的布局,纵向布局让我方三只猫猫离用户操作区更加接近,便于用户选择赛道、升级等一系列操作。加上近大远小的透视关系,加强我方阵型与用户之间的归属关系。


页面框架


▲ 最终呈现效果
在这样的页面框架之下,角色和背景整体采用强化运动赛事特征,轻量化表达的策略,体现运动风采。首先,角色主体保留星秀猫IP的基本特征,结合运动风,对服装和造型进行衍生拓展,我方以红色运动服贯穿整个赛事,对方的则用蓝色服饰作为区分,红蓝配色符合常规的对抗认知。


▲角色基础设定
同时,猫猫造型也会根据不同运动进行定制化设计,抓住运动特征动作和道具,让用户一眼就能认出主题。比如滑板比赛,猫猫一只脚踩着滑板,一只脚踩地用力向前推,摇摆双臂,奋力向前滑动。既符合人们对滑板的基本认知,又展现运动韵律。


▲ 角色运动设计标准

除了角色,在赛事场景的打造上,基于视觉框架,在背景氛围区域添加跟各赛事关联的背景元素,加强用户赛事的代入感。




▲ 背景效果

3. 让用户快速玩起来

除建立主题感知外,还加强了新人期的引导设计,从由简到繁、逐步引导,确保整个引导清晰简单。关键节点上,采用蒙层的方式,聚焦行为、打造唯一路径,再用动画辅助行为结果表达,让用户上手更快更简单,不带疑问地进入正式比赛。

▲ 新人第二场教育赛



#02
深入打造游戏趣味性
在用户了解了游戏主题,并对玩法建立基本认知后,如何让大家深入、持续地玩下去呢?主要从细化反馈表达和更多的玩法空间两个方面进行。
1. 细化赛况反馈,营造赛事竞技氛围
竞技运动里双方对抗、坚持的快感,如何让用户在游戏里也有同样的体感呢?
首先,角色的塑造最为直观。我们将赢输表现划分5个档位,对猫猫的姿态动作、表情神态、速度进行差异化设计。落后的猫猫要努力升级,看着它从沮丧到开心赢的转变,也是一种小小成就感的达成。

五个输赢档位

同时,也从绳子的弹性、红包位移等环境要素上来表达拔河的实时拉扯和对抗感,充分营造局势多变、对抗激烈的比赛氛围。

▲ 比赛赛况
2. 打造进阶玩法,提升更多活跃空间
除了基础的拔河比赛玩法,还加入了拉拉队、趣味迷雾模式、夜晚升级等进阶玩法,不仅让比赛更激烈,也让活跃玩家有更多探索空间。
拉拉队玩法,活跃用户在赚取大部分喵币后,还可以通过下单、拉人直接获得等级,作为击败对方的高级筹码。


▲ 拉拉队玩法

趣味迷雾模式,20点开始对方等级被云雾遮住,对抗难度升级,让高阶场的赛况变得更加变化莫测。


▲ 趣味迷雾模式


对于爱养成的用户来说,比赛后的夜晚也可以继续升级猫猫,拿心愿奖,做一个佛系的“铲屎官


▲ 夜晚升级玩法

#03
持续烘托活动的氛围
为了在全网铺开超级喵运会的运动氛围,我们在不同活动节点采取不同的传播形式。上线前以角色揭幕动态海报造势。
▲ 天天篇
▲ 淘淘篇
▲ Eleven篇

活动过程中,结合运动赛事特征,海报宣导、制造赛程话题。
▲ 话题海报一览

最后,通过一个简单的h5一起回顾整个赛事精彩瞬间,给超级喵运会一个温暖的闭幕式,画上一个圆满句号。
▲ 赛事回顾H5
当然少不了每年的表情包了。


▲ 表情包

#04
写在最后
整体来说,这次618无论从猫猫造型,还是游戏体验,都更加注重游戏的趣味性、游戏性和传播性,形成简单、活泼、积极、愉悦的互动氛围,营造沉浸、投入的运动竞技游戏体感。大家是不是觉得玩起来更有意思了呢?最后,大家对玩法建议和希望,也可以留言告诉我们,星秀猫期待与大家再次见面~



✨ 本期粉丝福利 ✨
本期奖品为「星秀猫马克杯
赢取方式,转发本文并留言说说
你希望下届星秀猫的主题是什么
留言点赞前三即可获得
活动截止时间:7月15日 12:00


编辑:小英
作者:李女士 & 小温

////// END //////
淘宝设计,一个服务于全球亿万消费者体验的设计团队,致力于让设计触动人心,让商业美而简单。欢迎加入,公众号后台回复“招聘”,了解最新招聘信息。

浏览 79
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报