高科麓湾:这个十一,他们竟然把波士顿搬到了西安?

2016-10-08 H5案例分享 H5案例分享
高科麓湾:这个十一,他们竟然把波士顿搬到了西安?

案例:这个十一,他们竟然把波士顿搬到了西安?

出品:高科麓湾

亮点:

  1. 策划上:视频+情景互动。①进入页面,是一个三格漫画视频,男主被闹铃叫醒起床,并带着狗狗出门。②男主收到一个妹纸的Facetime请求,进行了一段通话,并约了妹纸。③男主在宠物公园安顿好宠物,并发了一条朋友圈状态,此时有一段朋友圈互动。④之后男主开始逛街,然后来到了目的地“L Street艺术营地”。⑤模拟了新闻APP发布了活动信息,最后露出活动海报与报名通道。

  2. 设计上:丰富多样的形式,让人目不暇接。开头是三格漫画,虚拟背景+真实人物抠像;然后模拟了Facetime通话;接着是模拟的拍照与朋友圈互动;之后又是虚拟背景+人物抠像,模拟男主压马路,并且采用了长按播放视频的形式,最后是模拟的新闻APP,可以下滑屏幕查看信息。

  3. 体验上:形式丰富,并且不是一个视频从头放到底,而是不同场景结合了不同的交互方式,制作很用心,小编看得也很爽。一个活动宣传都这么酷炫,那活动肯定也超好玩~



技术实现: jQuery + touch.js + Video视频


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

识别图中二维码

这个十一,他们竟然把波士顿搬到了西安?-查阅二维码




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

标签

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

相关推荐:

暴风TV:首部朋友圈VR大片来袭!

OPPO:OPPO X 张震:美因苛求

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~