高德地图:马可对你说

2017-05-27 H5案例分享 H5案例分享
高德地图:马可对你说

案例:马可对你说

出品:高德地图

亮点:

  1. 策划上,视频。进入页面,首先是一个带二维码的全屏海报,刚准备长按的时候,由一个碎屏的效果,展开视频。视频内容是,在《思美人》中饰演屈原的马可,在端午节来临之际,向大家推荐高德地图,并简述它的特色功能。视频结束后结尾页淡入,结尾页是高德地图的Logo和背景。

 

  1. 设计上,很简单的半身视频,不过前面的碎屏效果很好看,也很猝不及防。

 

  1. 体验上,小编在iPhone6下体验的时候,屏幕下方有一条黑边,可能是适配没有做得很好。其次,感觉像是在念台词,感觉有点点敷衍,没什么活力,反正小编看到最后觉得有点尬(对事不对人哈)...最后,虽然结尾页没有跳转也没有回放,可能看起来比较不人性化,但是对于高德地图这样的专业工具来说,如果用户想用,自己就会去app store下载,去掉跳转在小编看来没有很大影响。但是对于一些想把品牌或产品打出去的H5来说,在结尾设个跳转按钮方便用户,小编认为是很有必要的。



技术实现: Zepto + Video视频


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

识别图中二维码

马可对你说-查阅二维码




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

标签

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

相关推荐:

高德地图:高德云社说相声

百度地图:极速寻宝英雄

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~