百雀羚：三生三世十里桃花

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

案例：三生三世十里桃花

出品：百雀羚

亮点：

策划上，这款h5是百雀羚为宣传自己的面膜所打造出的一个宣传h5。在这款h5中，整个画面充满了一种仙境的感觉，整个场景基本由人物、天空、落花、漂浮的石崖组成，在这些石崖上演绎着三生三世十里桃花。然后画面一转到了民国战火连天的时候，又出现一个情景，这时候打出了百雀羚自己的广告词：“有时间做春秋美梦，不如花时间让自己美美的”，成功的将本公司的产品与当下火热的影视剧联系起来，借此宣传自己的产品。
设计上，这款h5通篇都是以亮红色和亮蓝色为背景色，渲染了一种唯美的画面，符合了三生三世十里桃花的仙境情景，也符合百雀羚打造美白肌肤的情景。在这款h5中，一个亮点是将本公司的产品与当下火热的影视剧捆绑在一起，捆绑效应从而使得宣传效果明显。还有一个亮点便是将整款h5中的漂浮的石崖都以字的形象出现，给人一种唯美的感觉，更好的宣传产品。
技术上，这支H5主要是jquery+transform 技术。

技术实现： jquery+transform

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

识别图中二维码

三生三世十里桃花-查阅二维码

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

标签