第一财经 x 蚂蚁财富:pick你的守财神兽

2019-03-06 H5案例分享 H5案例分享
第一财经 x 蚂蚁财富:pick你的守财神兽


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

pick你的守财神兽-查阅二维码

完整欣赏此案例大约需要2分22秒


案例:pick你的守财神兽

品牌:第一财经 x 蚂蚁财富

亮点:

  1. 创意定位

新的一年要有新的理财方式,本案例通过让用户选择的对待摇钱树的态度,整理出一份理财分析,游戏后用户也可以登录官方公众号浏览更多内容。

 

  1. 策划逻辑

案例大致有三个阶段①动画叙事。一段简短的动画展示,讲述关于“宝山”的传说,引出接下来的题目环节。②答题阶段。以“你有一颗摇钱树种子”为前提,用户回答关于摇钱树的生长周期,种树规划,能接受的伤害范围,以及遇到老神仙的态度和希望得到的宝物等题目,屏幕上半部有搭配的动画展示,用户选择答案后会显示答案画面。③生成海报。海报包括守财神兽图,用户的理财观分析,和官方二维码,用户可以重新pick或者点击“阅读理财报告”登陆公众号。

 

  1. 设计上

古色古香的中国风动画设计,画面颜色及形象展示有壁画的感觉,符合“古代传说”的设计主题。

 

  1. 体验上

把金钱具化成摇钱树,对待摇钱树态度选择让用户更能有根据的思索自己的选择,从而了解自己的理财观。



技术实现: html5



以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

第一财经商业数据中心:pick你的守财神兽

腾讯理财:测测你的年终奖运势

10个案例了解H5之图片合成

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

方式一:

通过H5案例提交小助手(微信小程序)
微信扫描下方二维码进入,进行投稿

方式二:

在电脑端,进入H5案例发布界面,自己编写

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~