百世可乐：青春百事正现在

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

案例：青春百事正现在

出品：百世可乐

亮点：

策划上，大数据类案例。恰逢QQ空间12岁生日，百事可乐 & QQ空间携手开启12年大数据见证每一个最好的现在。加载完成后，点击“你最想抓住哪一刻？”进入案例，案例会出现由百事提供的“最想抓住人生的哪一刻”。案例首页给出QQ空间拥有的一些功能，第二屏给出QQ好友总共有多少人，随后摇一摇或者向上滑，可以看到那年今日的心情，有图有心情。最后落地页将自己的这一刻印制在百事可乐瓶身上，点击观看视频跳转腾讯视频观看百事可乐《最好的现在》视频。
设计上，扁平风格 + 实拍。画面以蓝黄色调为主，百事可乐主形象色蓝色为背景，突出前文黄色部分。
体验上，案例整体播放流畅，作为大数据类案例，交互方面不是很丰富，但是足够了。

技术实现： jQuery + Egret（白鹭引擎）

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

识别图中二维码

青春百事正现在-查阅二维码

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

标签