万科：絕世大蝦
案例：絕世大蝦
出品：万科
制作方：武汉矩阵互动科技有限公司
亮点：
- 策划上，这款h5是万科公司所打造的一款宣传“ 南通龙虾啤酒节”活动的宣传h5，万科通过举办南通龙虾啤酒节活动从而宣传本公司。在这款h5中，刚开始时便是万科的标志VK，在这个页面上有两处按钮，一处是跳过视频，用户点击后可以直接跳过前面的视频和游戏，直接到用户报名的页面，一处是开场的按钮，通过用户点击后，可以依次进入宣传视频还有为宣传视频所打造的宣传游戏，最后进入活动的报名页面。
- 设计上，在这款h5中，通过视频、游戏结合的方式来宣传是一个很好的亮点，在视频中，设计师以明朝时代，倭寇作乱为故事背景，在如此背景下才有了后面的搞笑视频。在视频中，倭寇带领的人临阵逃脱，迫不得已最后召唤出来了一个很大的“虾”，这时候用户通过游戏中的清蒸、火烤等方式进行制服大虾，制服后又继续之前的故事情节。在后来的故事情节中，便引出了此次的活动“南通龙虾啤酒节”的由来，最后加上“助英雄击退大虾”的报名方式。这款h5依次经过视频、游戏、视频的方式，不仅前后交代了主题，还让用户带来了新鲜感，吸引众多用户去参与此次活动，真可谓是脑洞大开的思路啊！在这款h5中，还有一个亮点便是设计师所设计的跳过选项，用户可以通过选择跳过，从而跳过之前或许已经看过的视频和玩过的游戏，直接到达h5的主题，极大地方便了用户，有着很不错的用户体验。
- 技术上，这支H5主要是jquery+video+canvas技术。
技术实现： jquery+video+canvas
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
