阿迪达斯：这是我的火拼，你的呢？

2017-08-07 H5案例分享 H5案例分享

案例：这是我的火拼，你的呢？

出品：阿迪达斯

亮点：

策划上，这款h5是阿迪达斯所打造的一款宣传“夏练国度”活动的宣传h5。在这款h5中开始界面便是一个火爆的视频界面，这个视频是哈登等几名球员在篮球上热血的画面，h5中的视频通过漫画技术的处理，更能给人一种热血沸腾的感觉。随着用户点击，跳转到另一个界面，在这个界面中，出现了好多篮球明星的头像，用户可以通过点击这些明星头像，从而来观看他们“火拼”的场面，在这则页面中，用户通过点击下方的“我要火”选择按钮，便可以在另一个页面通过上传自己的照片来打造属于自己的“火拼”。这款h5主要是通过“制造属于自己的火拼”为主题，去宣传“夏练国度”这个活动。
设计上，这则h5整体上是以黑白色为主题，通过一种渲染的方式，将h5中的视频或者是图片都渲染成一种漫画的方式，不仅可以造就一种热血于火爆的氛围，还能以h5中的漫画形象为例子来吸引用户，让用户打造属于自己的“火拼”。这则h5在设计上还有一个亮点，便是关闭音效的亮点，有着很好的用户体验。
技术上，这支H5主要是 j jquery+video+transform+canvas技术。

技术实现： jquery+video+transform+canvas

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

识别图中二维码

这是我的火拼，你的呢？-查阅二维码

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

标签