万科:絕世大蝦

2017-08-07 H5案例分享 H5案例分享
万科:絕世大蝦

案例:絕世大蝦

出品:万科

制作方:武汉矩阵互动科技有限公司

亮点:

  1. 策划上,这款h5是万科公司所打造的一款宣传“ 南通龙虾啤酒节”活动的宣传h5,万科通过举办南通龙虾啤酒节活动从而宣传本公司。在这款h5中,刚开始时便是万科的标志VK,在这个页面上有两处按钮,一处是跳过视频,用户点击后可以直接跳过前面的视频和游戏,直接到用户报名的页面,一处是开场的按钮,通过用户点击后,可以依次进入宣传视频还有为宣传视频所打造的宣传游戏,最后进入活动的报名页面。
  2. 设计上,在这款h5中,通过视频、游戏结合的方式来宣传是一个很好的亮点,在视频中,设计师以明朝时代,倭寇作乱为故事背景,在如此背景下才有了后面的搞笑视频。在视频中,倭寇带领的人临阵逃脱,迫不得已最后召唤出来了一个很大的“虾”,这时候用户通过游戏中的清蒸、火烤等方式进行制服大虾,制服后又继续之前的故事情节。在后来的故事情节中,便引出了此次的活动“南通龙虾啤酒节”的由来,最后加上“助英雄击退大虾”的报名方式。这款h5依次经过视频、游戏、视频的方式,不仅前后交代了主题,还让用户带来了新鲜感,吸引众多用户去参与此次活动,真可谓是脑洞大开的思路啊!在这款h5中,还有一个亮点便是设计师所设计的跳过选项,用户可以通过选择跳过,从而跳过之前或许已经看过的视频和玩过的游戏,直接到达h5的主题,极大地方便了用户,有着很不错的用户体验。
  3. 技术上,这支H5主要是jquery+video+canvas技术。



技术实现: jquery+video+canvas



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

识别图中二维码

絕世大蝦-查阅二维码




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

标签

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

相关推荐:

万科·江上明月:2016万科滨水大宅新作 全球首发

腾讯:Next Idea x 故宫

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~