项目背景

                    

从2019年新春开始,余额宝为代表的支付宝财富产品,以重塑品牌「年轻化」为主题,尝试了一系列的品牌及互动营销探索,将「跳龙门」「点灯笼」「舞狮子」等具有新春寓意活动,搬到了线上。


从此,互联网金融产品也可以有温度,很年轻。



鱼百万的诞生  

                                

2020年鱼百万就1岁了。追溯到他的诞生,可能是一场事故……哦不,是一个故事。

2019年,余额宝要搞一场新春活动,经过两次与市场同学的灵感碰撞,我们从「余」字本源出发,谐音“鱼”,且「年年有余(鱼)」具备非常普世的寓意,搞一场以「鲤鱼跳龙门」为故事线的营销活动就这样被拍了下来。


有了故事就需要一个主角。从上百个小鱼的造型中, 一个粗眉毛、厚嘴唇的呆萌形象脱颖而出。


再给它配上灵动的表情动效和华丽丽的背景。一个栩栩如生鱼百万就诞生啦~👏🎉。


“我是10后鱼百万”

                                       

出名要趁早,10后鱼百万一出道就成为C位红人。它是积极向上的年轻人的代表,有着年轻人的向往和烦恼


比如时不时会有的:
等等……


其实这些都是项目筹备组为了丰满这个主人公,从2019年的抖音、微博等媒体的网络热词中,收集了当下年轻人的心理状态:「996」「头秃」「南」「狗粮」「变瘦」「穷」「锦鲤」……精神压力大、渴望自由、需要魔性和释放……所以鱼百万同样的也会有这样的烦恼。



“上班打瞌睡的我”


“下班解放的我”


“周末蹦迪小王子的我”


“被Tony老师折磨的我”


“在朋友面前吹嘘的我”


“我与沙雕朋友们的自拍”


正是这样一点一滴的细节,塑造出这个人物的独有性格。而这个人物的原型,也是来自于生活中的我们自己。



于是在互动过程的结尾,设计师围绕人生最关心的四大主题「事业」、「爱情」、「健康」和「金钱」设计了最贴合当下年轻人心理状态的新年flag,以内容形式,切中用户的心声,完成和用户的共情。



那作为一个10后它还应该有哪些特征呢?

国潮、鬼畜必不可少!于是我们为鱼百万准备了国潮风格传播海报,以及短视频方便大家传播,帮助鱼百万出圈!这些端外的互动及多媒体传播尝试,为品牌打造和IP的性格塑造加分很多。


↓国潮视频传播


除了鱼百万以外,「年年有余」作为一个独立的活动品牌,也成功出圈,成功与海马体联名,推出年年有余拍照套餐;还跟线下实体「花西子」联名定制限量版口红,风靡一时。





同时,还跟阿里经济体的小伙伴来了一场ip大联名。


↓阿里经济体联名传播


鱼百万的奋斗故事

                                         


前面传播内容都只是鱼百万性格的一个侧影,那作为一个有理想、有追求的10后,鱼百万的奋斗故事是怎样的呢?


刚刚已经提到了,在互动过程的结尾,设计了生活化内容这个小环节。那我们现在就来回顾一下「跳龙门」这个故事本身吧:相传只要鲤鱼跳过龙门,就能幻化成龙,自古已来一直用来比喻逆流前进,奋发向上的一种精神。

有了这么完美的故事,那么游戏过程的设计就成为为它增添色彩的关键了。为了打造一个沉浸式体验,除了视觉上的刺激,魔性的背景音,和疯狂的互动过程,都经过了精心的设计。

↓互动游戏录屏效果


整个线上互动过程可以划分为以下四步:
吸引:首页通过鱼百万勾人的小眼神,成功引起玩家的兴趣;

互动:游戏中鱼游动的妖娆身姿,及音效、打击的互动反馈,完成互动气氛渲染;

惊喜:结果页以生活化身姿再次入场,完成惊喜感的打造。

高潮:Ending pose后完美退场,达到互动HIGH点;


然而,最魔幻的,还是游戏中的音效及” 拼手速 “的玩法暗示,游戏上线后,不但深得网友的喜爱,还都被玩坏了。我们看看网友们,是怎么玩这个游戏的吧~~


这波操作真是令人哭笑不得😂


动效的表现性创新

                                          


那么这么完美的体验到底是如何实现的呢?

其实是设计师同学与技术同学合力完成的结果,在年年有余这一项目中,我们综合了CSS、Lottie、DragonBones各类动效技术所长,在各环节进行动效技术优选,使得游戏性能大幅提升!也为用户提供流畅的互动体验大大加分。


网友的反馈:

微博上无数的用户声音说,「戳的很爽」「身姿的太魔性」等等,总之大家玩的很嗨。那么背景音呢?竟然有用户电话客服说想要下载背景音做铃声~真的是对整个活动有满满的爱啊~。


写在最后

                                          

迈入2020年,金融产品慢慢也脱去了严肃的外衣,成为你我身边不可缺少的必备品。它也可以年轻,可以疯狂,期待来年有更多玩法与大家见面!




//推送本文之前,支付宝财富的小伙伴特地找到我,目前他们正招兵买马中,希望咱们能帮助他们扩散个招聘:


支付宝事业部·财富保险设计部招聘优秀体验设计专家(交互/视觉即可),Base杭州,主要负责支付宝端内财富相关产品体验设计。团队氛围超级nice,成长空间大,项目影响力高。感兴趣的同学,可以把简历.word+作品集.pdf 投递至邮箱:Akun.lzk@Alipay.com


//end//



觉得本文写的赞👍的同学,别忘了关注咱们公众号UX小学哦~~另外咱们的微信群也还有位置,扫码后台回复设计交流即可加入



———–  我 是 分 割 线  ———–

延伸阅读–  
阿里设计师通过设计 Banner,帮助品牌商每年多赚几个亿??
QQ-2020年度S级营销项目设计复盘总结[完整版]
精彩!阿里招聘官:信了这些套路你就别想进阿里了!
蚂蚁设计专家的视觉配色秘籍,请收好
有料!淘宝UED专家完整动效设计流程被曝光
有趣丨原来插画在情感化设计中可以这样用
阿里动物园又双叒叕添新丁,设计全过程曝光
陌陌设计年鉴大赏 | MOMO Design Almanac
重磅 | 蚂蚁设计师打造了个免费插画生成工具
经验方法:如何有效描述设计改版的价值

本篇文章来源于微信公众号: UX小学