百度地图:快,回家......

2017-01-23 H5案例分享 H5案例分享
百度地图:快,回家......

案例:快,回家......

出品:百度地图

亮点:

  1. 策划上,视频类。进入页面,画面被分成左右两部分,是女儿收到母亲来电的场景定格,女儿电话上有电话按钮浮动,背景是一段iPhone来电铃声循环播放。点击电话按钮开始播放视频,一共八个,前一个播放完点击按钮播放下一个。视频内容是春节回家团聚之际,在不同地区,父母与孩子通电话的场景,最后一个视频是回家前一刻的场景。视频有配音,并会将对话以微信聊天文字的形式呈现出来。最后一页可以点击“抢全年油费”跳转至百度地图。

 

  1. 设计上,将屏幕分割成了左右两部分,若近若远,将马上要回家团聚但还没有到家的紧张和激动感表现了出来。画面定格后对话开始,是由不同地区的家乡话展现,并同时将对话以微信聊天对话的形式表现出来,代入感十足,每个视频也有不同的背景音乐。最后以大家同时说出“我回来了”收尾,将情绪推向高潮。

 

  1. 体验上,视频本身很能引起人的共鸣,尤其是在春节来临之际,非常应景。有一点小编觉得,视频之间的过度不够连贯,有种断开了的感觉。还有因为是八个视频,如果网络条件稍微差点,可能会有不同程度卡顿。



技术实现: Video视频


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

识别图中二维码

快,回家......-查阅二维码




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

标签

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

相关推荐:

百度地图:这MV正义炸了!七男星首次出演反派,为十一国庆市民的安全出行操碎了心......

百度地图:全景大作战

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~