adidas阿迪达斯:adidas Originals

2017-04-17 H5案例分享 H5案例分享
adidas阿迪达斯:adidas Originals

案例:adidas Originals

出品:adidas阿迪达斯

亮点:

  1. 策划上,图文展示+链接跳转。刚进入页面,是个模拟的公众号文章,画面上有各类款式的NMD鞋,用户通过上下滑动屏幕来切换查看,再点击这个鞋子,会跳转到真正的公众号文章中,文章也是相同的排版,点击图片继续跳转下一个公众号文章。重复此过程可以不停跳转,其中有一页可以上传个人或城市照片,生成非常炫酷的动态滤镜效果图,还有机会赢取选定NMD。如果发现了藏在城市中的NMD,可以提交信息来增加领取机会哦。

 

  1. 设计上,模拟公众号推文风格,动态图效果炫酷,生成动态滤镜也很好玩。在公众号间不停跳转来寻找彩蛋,这种玩法也蛮有趣。

 

  1. 体验上,如果有一些文案做点缀,或者做成快闪效果,可能画面会显得更清晰,现在整体上虽然很炫酷,但小五觉得有点眼花。小编发现一双鞋,也提交了信息,但是并没有告诉我是中了还是说只是得到了抽取的机会。



技术实现: Hammer.JS + jQuery


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

识别图中二维码

adidas Originals-查阅二维码




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

标签

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

相关推荐:

Adidas阿迪达斯:由我创造

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

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~