Olay：Olay EYE情睛英

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

案例：Olay EYE情睛英

出品：Olay

亮点：

策划上，视屏类，外加合成海报小创意，首页点击宋茜或马天宇可分别观看到两个不同的视频，点击宋茜后，通过同一照片的两个不同人物间，经过岁月的雕刻，一位依旧少女一位则眼部周围出现了诸多皮肤问题，从而表现出护理的重要性；如果喜欢还可购买哦。
设计上，手绘风格，采用金黄色作为主色调，充满青春浪漫回忆气息，处处弥漫着粉红色的泡泡啊~
技术上，开场动画和图片合成采用的都是Canvas；穿越过去，回忆青春的部分动画采用的是Video视频。

技术实现： jQuery + Canvas + jQueryTransit.js

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

识别图中二维码

Olay EYE情睛英-查阅二维码

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

标签