百度：你不是一个人在对抗这复杂的世界

2017-11-21 H5案例分享 H5案例分享

案例：你不是一个人在对抗这复杂的世界

出品：百度

亮点：

策划上，视频+选项答题。案例以“这世上谁是最懂你的人？”开篇，loading完毕，点击“是谁？”按钮开始播放视频。视频展示“下班回家”、“课堂答题”等4个场景，并且在每个场景中提出问题让用户选择，选择过后切换场景。4个场景结束，会露出百度品牌，并分别针对4个场景展示其4个产品“百度地图AR导航”、“百度搜索”、“小度智能家居解决方案”以及“百度人脸识别”。在结尾处，可点击按钮“观看完整TVC”跳转腾讯视频观看，点击“告诉TA”出现分享提示。
设计上，四格动漫的风格及形式，画风及动效都很有表现力。四个场景的设置都非常具体，代入感满满，加上风趣幽默的选项话术，很容易让用户产生共鸣。案例在结尾前播放了TVC的片段，将二次元的风格拉回了现实，同时吸引了用户的注意力。
体验上，视频播放到单个场景处会暂停并循环播放图片序列，这使得画面很好的衔接了起来，再加上背景音乐的循环播放，使整体不会因为停留而造成视觉或听觉上的断层。

唯一让小五感觉别扭的，就是答题部分了，如果针对用户的选择没有给出反馈结果，总觉得这样的答题显得没有意义。

技术实现： Zepto + Video

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

识别图中二维码

你不是一个人在对抗这复杂的世界-查阅二维码

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

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

标签