NIKE:周冬雨,心再野一点儿

2017-08-03 H5案例分享 H5案例分享
NIKE:周冬雨,心再野一点儿

案例:周冬雨,心再野一点儿

出品:NIKE

亮点:

策划上,这个h5是一个视频类的h5页面,但与众不同的是,它是一个以VR视角和360度视角去观看的视频,通过更换手机的方位角度,可以使得视频中的场景产生变化,效果如同VR视角一样,更好的吸引用户的注意。

这个h5也是NIKE公司打造的一个宣传h5,通过此次视频宣传自己的运动产品。

在此次视频中,通过360度角和VR视角观看周冬雨的训练历程,可以近距离感受周冬雨成长的艰辛与坚持的信念,在视频播放的过程中,周冬雨的自说娓娓道来,更加给用户一种与之同行的感受,使得用户可以同周冬雨一起使得“心再野一点儿”。并且在视频中,通过点击下面的购物车选项可以弹出一个跟视频中周冬雨同样款式的运动装,为自己的产品做了一个与众不同的宣传。

设计上在这项h5中,整个视频都以暖色调为主,给人一种舒服渐进的感觉,让人有一种跟周冬雨“与之同行”的感觉。

在这个视频过程中,通过配上周冬雨娓娓道来的自传,更加给人一种身在其中的既视感。“与之同行,必得其备”,在周冬雨不断的训练中,宣传自己的NIKE产品。

技术上,这支H5主要是采用Canvas + CreateJs+ Flash2x来实现的。



技术实现: Canvas + CreateJs+ Flash2x


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

识别图中二维码

周冬雨,心再野一点儿-查阅二维码




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

标签

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

相关推荐:

新周刊:听声音,猜明星

NIKE 耐克:NIKE突破速度挑战赛

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~