adidas 阿迪达斯:决不跟随

2016-10-25 H5案例分享 H5案例分享
adidas 阿迪达斯:决不跟随

案例:决不跟随

出品:adidas 阿迪达斯

亮点:

  1. 策划上,loading完毕进入页面,点击按钮动画开始播放,一镜到底的赶脚,视角看上去像是不断在向前冲,周围的事物在不断放大并抛在脑后,最后到达球鞋面前。左右滑动屏幕即可转动查看球鞋,点击球鞋上的气泡按钮可以了解相应的新技术或产品特性,用户还可以点击下方“购置装备”或“疾速分享”。

  2. 设计上,深蓝渐变大背景,配色围绕球鞋配色展开,环境设计也很潮很炫。一镜到底展示部分有点像前几天火遍票圈的天猫双11,只不过这个是全程自动的。音乐随展示只播放一次,但与整体搭配起来,动感十足,酷炫无比。

  3. 体验上,就一个字,太炫酷了!



技术实现: Zepto + CSS3(Transform)


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

识别图中二维码

决不跟随-查阅二维码




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

标签

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

相关推荐:

Adidas Originals 阿迪达斯经典三叶草:adidas Originals

天猫:天猫双11营销H5案例:尽情尽兴,尽在双11

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~