大众点评：舔舔舔舔舔舔舔舔舔屏

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

案例：舔舔舔舔舔舔舔舔舔屏

出品：大众点评

亮点：

创意上，将装置艺术融进H5中。案例把动态装置艺术与错位视觉相结合，在视觉上是一种比较新鲜、少见的玩法。Loading部分也非常亮眼地用披萨代替唱片，模拟了唱片机，跟美食主题相扣。
策划上，视频+序列帧动画。Loading完毕进入页面，首屏显示“你的菜正从屏幕里钻出来”，引导用户点击“抓住它”。点击按钮后“嘴”张大，将屏幕中的一切吞进去，同时进入下一页。
设计上，H5中的视频使用了一个立体的装置，利用错位的视觉原理，从俯视角度看下去，在展示一张海报，但从上往下移动视角，就会发现这是一个立体的场景，你能马上吃到画面中的美食——此处结合了大众点评产品新功能“推荐菜”的立意：一下吃到自己想吃的菜。
体验上，非常直接的一支H5：你在海报里看到的就是可以直接吃的。虽然画面内容很丰富，但整个H5的体验还是很短明快的。三维场景中的小元素，本质上是一些童年的玩具与一些立体几何图形的叠加，会让人想到人生最“简单”、“直接”的童年阶段。

技术实现： jQuery+CreateJS+Video

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

识别图中二维码

舔舔舔舔舔舔舔舔舔屏-查阅二维码

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

标签