雀巢咖啡：解忧小剧场

2019-04-28 H5案例分享 H5案例分享

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

识别图中二维码

解忧小剧场-查阅二维码

完整欣赏此案例大约需要1分35秒

案例：解忧小剧场

品牌：雀巢咖啡

亮点：

1. 创意定位

通过世界名画，进行场景联想，展示雀巢咖啡的使用场景。作为不喝咖啡会死星人，超级爱的是研磨咖啡，但是速溶咖啡以省事方便的特点，在工作生活中，也是必不可少的随身物品。

2. 策划上

①以“解忧小剧场”的形式进入主题，一听剧场，首先想到是视频有关。

②点击首屏的“open”按钮，进入小剧场播放页，里面有一个遮罩层的提示，如何上下滑动切换视频（如果一个视频播放完毕，自动播放第二个视频）；如何生成海报；如何购买产品。

③播放的小视频，结合名画人物形象，生动有趣的讲述8个小故事。

④生成的海报和当前播放的视频有感。

⑤这个案例，一共3屏（首页、剧场播放页、海报页）。虽然看着很小，内容还是很丰满，细节多。

3. 设计上

油画的风格，让名画活起来。

4. 技术上

使用LayaAir H5开发引擎，使H5性能卓越。

技术实现： LayaAir

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

标签