H5案例 | 5种玩法,搞定圣诞节H5游戏策划!
时间:2018-10-08浏览次数:3258来源:蓝橙互动-微信互动游戏制作

双十一都要来了,圣诞节还会远吗?

尽管现在离圣诞节还有两个多月,可有些品牌已经按捺不住,纷纷提前开启了头脑风暴。心想着该如何借微信节日营销H5在圣诞节造势一波呢?

蓝橙互动的小编整理了5种经典玩法,希望可以激发你的灵感。

1.地图寻宝类

h5游戏开发

案例:圣诞免费送礼地图大揭秘!先到先得收大礼!

出品:京东服饰家居 京东商城

亮点:

策划上,以姜思达微信公众号文章《单身的你。在圣诞都干了些什么》手机页面为切入点,讲述了一位单身狗出去走走的故事。从而开启了地图上捕捉礼物的游戏。

设计上,有矢量插画作为转换loading和进入前的首屏展示,充满了浓浓的圣诞气息。

体验上,采用html5地理定位技术,非常简单的收集游戏,对于收集癖和强迫症的人是一定要集齐的!

技术实现: 地理定位

h5游戏开发

h5游戏开发

2、找图片差异+P图类

h5游戏开发

案例:圣诞必玩这款小游戏,秒懂女神变身大秘籍!

出品:天天P图

亮点:

策划上,小游戏部分:进入页面,点击“即刻开找”开始游戏。游戏形式是“大家来找茬”,在屏幕左右两张图片中,找出4处不同,找到第三处的时候,模特会动一下,全部找完,模特推开另一半屏,此时帘幕拉起,并开始播放视频。视频播放之后,会出现P图的链接。从而开启P图。

体验上,内容丰富有趣,将三类H5合在了一起,满足了用户的“胃口”,画面音乐表现都很好,相信退出率也不会高。

技术实现: CreateJS + Zepto

h5游戏开发

h5游戏开发

3、接物品类

h5游戏开发

案例:家家悦&圣诞狂欢专列

出品:家家悦

亮点:

策划上,以圣诞老人送包裹为切入点,利用动画的形式来表达圣诞狂欢的主题。当圣诞老人乘着他的座骑从天空缓缓移动的同时,天空也掉下很多礼物。这种场景设计非常贴切用户的思想。将礼物与品牌产品相结合,又是一大亮点,提高了转化率。

设计上:采用了明度较高的色彩,画面唯美,烘托了圣诞节氛围。

h5游戏开发

h5游戏开发

4、集字类

h5游戏开发

案例:全民挖金

出品:滴滴出行

亮点:

策划上,这是一小游戏集字游戏H5,页面加载完成以后出现号码验证弹窗,验证完成进入主题页面,点击首页的按钮查看开始游戏,游戏非常简单的抓金块游戏,在20s内完成抓金子游戏就看随机获得“恭喜发财”金块。每位用户每日有两次免费游戏机会,分享链接完成游戏可再增加一次。

h5游戏开发

h5游戏开发

5、识歌名类

h5游戏开发

案例:钻石歌王争夺赛

出品:六桂福&开门大吉

亮点:

策划上,圣诞节小游戏,通过点击钻石,在15秒内点击选择你所识别出的歌名,正确的话会响起滴的声音呢;每一次测试整体有6道题,测试结束后会告诉你一共答对几道,还可分享好友哦.

设计上,浓浓的圣诞风,采用红色作为主色调,黄色作为辅色调,点缀着少量的绿色,冰雪按钮,飘飞的雪花,看起来都好漂亮哦~

技术上,雪花飘落,是采用js动态添加img标签,改变雪花的位置产生飘落效果,其他动画多是采用CSS3的animation。

技术实现: jQuery

h5游戏开发

h5游戏开发

创意玩法往往是基于热点玩法变通而来的。希望以上五个热点玩法能帮助大家。

更多精彩案例敬请关注【蓝橙互动】公众号。