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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号