Nike:你,不只是运动员

2018-12-06 H5案例分享 H5案例分享
Nike:你,不只是运动员


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

识别图中二维码

你,不只是运动员-查阅二维码

完整欣赏此案例大约需要2分12秒


案例:你,不只是运动员

出品:Nike

亮点:

1. 创意上,NIKE结合NBA球员詹姆斯(LeBron James)来做的新品球鞋宣传H5,通过四个关键词(拍电影、制霸球场、建学校、承诺),展示詹姆斯的信条与个人元素,同时也为品牌赋予更多的内涵意义。

 

2. 策划上,首先有点像时空穿梭的通道,通道的尽头,会看到一件T恤;T恤消失后,提示用户滑动探索,左右滑动屏幕,可以看到4个物品,左侧两个是书桌、23数字;右侧两个是导演椅、篮球鞋;每个物品都有不同的含义。

 

书桌,代表关键词“建学校”,詹姆斯为阿克伦捐赠了公立学校,提供各方面的帮助。

 

23数字,代表关键词“承诺”,詹姆斯被克利夫兰骑士选中的那年,许下诺言,13后,兑现了承诺,将总冠军带回了克利夫兰。

 

演椅,代表关键词“拍电影”,詹姆斯个人传记片,鼓舞了无数人向着梦想买进,激励更多人去追逐自己的梦想。

 

篮球鞋,代表关键词“制霸球场”,不论在赛场的哪个角落,也能够统领全局。

 

看完关于詹姆斯的四个关键词后,进入定制属于自己的专属T恤,证明自己,定义自己的未来,用户输入宣言、选择性别、输入昵称,生成海报,还可以去门店购买定制的“DRIBBLE &”T恤。

 

3. 设计上,黑色为主色调,显示出神秘的色彩,红色为辅助色,凸显热情,对应光的使用也很多。

 

4. 技术上,动画效果使用了图片序列帧,依次播放,视觉上,形成动画效果,这样可以很好的兼容安卓手机,保持iphone手机和安卓手机视觉效果相同,但也有一定的缺点,就是需要提前将所有图片预加载完毕,才可以保证观看的流畅;而且整体文件大小比使用视频时,会偏大。

 

5. 体验上,一名好的运动员会因其技术高超而被崇拜,而一名伟大的运动员需要做到更多,回馈社会,帮助更多弱势群体,用自身的言行激励更多的人,是詹姆斯迈向伟大的独特方式。



技术实现: Swiper zepto canvas



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

标签

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

相关推荐:

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

【篮球】H5案例大汇总(干货精选)——2017大合集第52波

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~