全家Family Mart：全家湃客咖啡

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

案例：全家湃客咖啡

出品：全家Family Mart

亮点：

策划上，图文展示类，① 我在街角，邂逅一杯美好，点击首页上的小剪刀，剪出全家湃客咖啡杯的轮廓，出现手拿咖啡的代言人陈意涵；② 而后出现手拿剪出的咖啡杯的轮廓放在不同的风景上，框出一片优美风景；③ 然后自认而然的过渡到陈意涵代言全家湃客咖啡的尾屏画面，点击尾屏左下角视频，可观看陈意涵代言全家湃客咖啡的MV，点击右下角参与更多互动。
设计上，小清新风格，采用绿色、蓝色作为主色调，风景画面清新中透露着欢快的气氛，很有欢快的代入感。
技术上，里面的动画多采用CSS3的animation+ TweenMax来实现，尾屏MV采用的是Video视频。

技术实现： jQuery + TweenMax

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

识别图中二维码

全家湃客咖啡-查阅二维码

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

标签