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

2019-01-03 H5案例分享 H5案例分享
东风日产:测一测你隐藏的超能力


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

识别图中二维码

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

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


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

出品:东风日产

亮点:

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



技术实现: Zepto vue



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

标签

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

相关推荐:

东风日产:楼兰秘密,尽在晓说

东风日产H5宣传案例 — 本色拷问

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~