adidas阿迪达斯:adidas Originals
案例:adidas Originals
出品:adidas阿迪达斯
亮点:
- 策划上,图文展示+链接跳转。刚进入页面,是个模拟的公众号文章,画面上有各类款式的NMD鞋,用户通过上下滑动屏幕来切换查看,再点击这个鞋子,会跳转到真正的公众号文章中,文章也是相同的排版,点击图片继续跳转下一个公众号文章。重复此过程可以不停跳转,其中有一页可以上传个人或城市照片,生成非常炫酷的动态滤镜效果图,还有机会赢取选定NMD。如果发现了藏在城市中的NMD,可以提交信息来增加领取机会哦。
- 设计上,模拟公众号推文风格,动态图效果炫酷,生成动态滤镜也很好玩。在公众号间不停跳转来寻找彩蛋,这种玩法也蛮有趣。
- 体验上,如果有一些文案做点缀,或者做成快闪效果,可能画面会显得更清晰,现在整体上虽然很炫酷,但小五觉得有点眼花。小编发现一双鞋,也提交了信息,但是并没有告诉我是中了还是说只是得到了抽取的机会。
技术实现: Hammer.JS + jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号