东风日产：测一测你隐藏的超能力

2019-01-03 H5案例分享 H5案例分享

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

识别图中二维码

测一测你隐藏的超能力-查阅二维码

完整欣赏此案例大约需要1分16秒

案例：测一测你隐藏的超能力

出品：东风日产

亮点：

创意定位：东风日产出品的H5，从一名小人物的前半段人生不理想出发，引出超能力的想法。
策划上，①进入主页首先看到的是一名孩子因为考了零分，被父亲打，然后工作了，改了三遍的稿子，还在改，当看到别人都是成双成对的，就在想丘比特之箭什么时候能射中他，走了几步路看到一个宝箱，点击宝箱就会看到有个能够领取超能力的机会。②点击测试你的超能力，进入答题，一共五个问题，第一个问题，如果你穿越到了金庸世界，你最想拥有哪位大侠的武功？第二个问题，你的性格更像哪种动物？第三个问题，下班后，朋友约你运动，你更倾向？第四个问题，下图中有多少个动物？第五个问题，寻找一定规律，下面问号处应该填写哪个数字？③测试完毕后，点击快速点击合成超能力，下面有个进度条，进度条达到14:1后，就会合成，输入姓名，就会生成一张隐藏的超能力的图片，雷达图，超能力是什么，评论，二维码，长按可以保存。
设计上，手绘动画风格，颜色鲜艳。
体验上，答完题之后有个快速点击的特效，插入东风日产的推出的可变压缩比智能切换效果连接的还不错，不是很生硬，但是小编还是觉得把输入姓名可以放到最前面，现在这一块插入的姓名微微有些让人反感。

技术实现： Zepto vue

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

标签