特步：我是X星人_H5案例分享

特步：我是X星人

2018-06-25 H5案例分享 H5案例分享

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

识别图中二维码

我是X星人-查阅二维码

完整欣赏此案例大约需要2-5分钟

案例：我是X星人

出品：特步

亮点：

创意定位，通过H5测试+结果海报形式，进行线上品牌传播。测试前，有故事场景带入视频，测试中有各种星球特效炫酷背景，最终生成一张与特步品牌相关“称号”的能力海报。
设计上，以动漫形式展现场景故事，测试答题过场动画，很炫酷~ 答题部分，设计题目简洁大方，有的题目只设置两个选项，还有一些题目是读图题。
体验上，开场场景带入，视频故事虽长但有“跳过”按钮，让没有耐心等待的用户多了一项快速进入的渠道，体验比较好。题目部分，小五就不剧透了，同样是测试答题类H5，为什么人家的那么炫！因为有闪耀的白屏特效，哈哈哈~自己体验一下吧。

技术实现： Zepto+howler.js+html2canvas

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