特步:我是X星人

2018-06-25 H5案例分享 H5案例分享
特步:我是X星人


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

识别图中二维码

我是X星人-查阅二维码

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


案例:我是X星人

出品:特步

亮点:

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



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



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

标签

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

相关推荐:

特步:丝感冰爽 逆转夏日

特步:燃烧吧女子力

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~