「浪设计」一只鱼的奋斗故事——给余额宝加点温( 二 )


整个线上互动过程可以划分为以下四步:

  1. 吸引:首页通过鱼百万勾人的小眼神 , 成功引起玩家的兴趣;
  2. 互动:游戏中鱼游动的妖娆身姿 , 及音效、打击的互动反馈 , 完成互动气氛渲染;
  3. 高潮:Ending pose后完美退场 , 达到互动HIGH点;
  4. 惊喜:结果页以生活化身姿再次入场 , 完成惊喜感的打造 。

「浪设计」一只鱼的奋斗故事——给余额宝加点温
本文插图

动效的表现性创新
这么完美的体验到底是如何实现的呢?
其实是设计师同学与技术同学合力完成的结果 , 在年年有余这一项目中 , 我们综合了CSS、Lottie、DragonBones各类动效技术所长 , 在各环节进行动效技术优选 , 使得游戏性能大幅提升!也为用户提供流畅的互动体验大大加分 。
「浪设计」一只鱼的奋斗故事——给余额宝加点温
本文插图

用户反馈
微博上无数的用户声音说 , 「戳的很爽」「身姿的太魔性」等等 , 总之大家玩的很嗨 。 那么背景音呢?竟然有用户电话客服说想要下载背景音做铃声~真的是对整个活动有满满的爱啊~ 。
「浪设计」一只鱼的奋斗故事——给余额宝加点温
本文插图

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


推荐阅读