吉列：复仇者联盟系列剃须神器

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

案例：复仇者联盟系列剃须神器

出品：吉列

亮点：

策划上，此h5页面是一个长图与动画结合的h5页面，是吉列公司为宣传本公司的“复仇者联盟系列剃须神器”而打造的宣传h5。在这款h5上面，以为人熟知的“复仇者联盟”为引子，通过每个英雄独特的武器然后再添加本公司的“剃须神器”特点，继而宣传自己的复仇者联盟系列剃须神器。在这个h5页面内容中，刚开始便展现出一幅画面，上面有四大为人熟知的复仇者联盟英雄，并配上“每个英雄，都有属于自己的秘密神器”，给人一种很炫酷，很神秘的感觉。接下来通过用户的滑动，继而展开每一位英雄的秘密神器，并在神器上加上本公司剃须神器的特点，很好的宣传了本公司的产品。
设计上，整个h5页面一黑色为背景色，给人一种炫酷和神秘的感觉，也符合吉列打造这款h5的主题“吉列打造复仇者联盟系列剃须神器”。这款h5页面将复仇者联盟中四大英雄的武器与本公司的剃须神器相结合，通过用户点击、摇动等方式来开启武器特效，并配有开启武器时的特效声音，给人一种炫酷的感觉，并且在武器开启完毕后再介绍本公司产品的特点，既给用户视觉效果的同时，有可以给予本公司产品的宣传机会，可谓是“一箭双雕”。
技术上，这支H5主要是 jquery+Canvas+重力感应技术。

技术实现： jquery+Canvas+重力感应

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

识别图中二维码

复仇者联盟系列剃须神器-查阅二维码

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

标签