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

2017-11-21 H5案例分享 H5案例分享
百度:你不是一个人在对抗这复杂的世界

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

出品:百度

亮点:

  1. 策划上,视频+选项答题。案例以“这世上谁是最懂你的人?”开篇,loading完毕,点击“是谁?”按钮开始播放视频。视频展示“下班回家”、“课堂答题”等4个场景,并且在每个场景中提出问题让用户选择,选择过后切换场景。4个场景结束,会露出百度品牌,并分别针对4个场景展示其4个产品“百度地图AR导航”、“百度搜索”、“小度智能家居解决方案”以及“百度人脸识别”。在结尾处,可点击按钮“观看完整TVC”跳转腾讯视频观看,点击“告诉TA”出现分享提示。

  2. 设计上,四格动漫的风格及形式,画风及动效都很有表现力。四个场景的设置都非常具体,代入感满满,加上风趣幽默的选项话术,很容易让用户产生共鸣。案例在结尾前播放了TVC的片段,将二次元的风格拉回了现实,同时吸引了用户的注意力。

  3. 体验上,视频播放到单个场景处会暂停并循环播放图片序列,这使得画面很好的衔接了起来,再加上背景音乐的循环播放,使整体不会因为停留而造成视觉或听觉上的断层。

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



技术实现: Zepto + Video



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

识别图中二维码

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

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



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

百度地图:金牌“老司机”如何炼成

小米智能家居:宝宝们猜,这是什么?

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~