Ballantine’s 百龄坛：活出真我

2017-02-27 H5案例分享 H5案例分享

案例：活出真我

出品：Ballantine’s 百龄坛

亮点：

策划上，视频+图片处理。载入完毕进入页面，点击“从此开始”播放视频，可能因为是酒类广告，屏幕下方有确认选项“在进入页面前确认年满18岁”，勾选了才可继续。视频内容是，华晨宇提倡的，无论被黑或者被贴了标签，不要管他们什么想法或者看法，“我是我自己的表达”，要活出真我。视频进入，是图片处理部分，选择文案后，点击上传照片，调整位置并确认合成，会在结尾页出现对照片的炫酷动态特效处理。结尾页还可以“赢取真我福利”或点击观看“华晨宇真我大片”。

设计上，暗色调，偏黑白，动画效果很炫酷，画面风格给人叛逆、倔强、坚韧、不羁的感觉，画面和内容主题，与华晨宇的歌《我管你》的主题搭配，整体氛围很燃很爆炸。不同的环节播放不一样的背景音乐。最后的图片处理也很令人印象深刻，让人眼前一亮。

体验上，视觉和听觉都很享受，主题表达也很到位，给人自信。各个环节都很炫酷。最打动小编的还是图像处理部分，效果又潮又炫。背景音乐《我管你》好听又洗脑，让人忍不住一起哼唱。

技术实现： jQuery + Video视频 + Canvas

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

识别图中二维码

活出真我-查阅二维码

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

标签