H5游戏制作
H5游戏制作
H5游戏制作
H5案例
H5开发
扫一扫
h5定制
h5定制

回到顶部

精选H5案例合集分享-08期

H5案例 2021年11月05日

随着H5开发技术的成熟,H5页面能支持丰富更能和视觉效果,实现不同的H5玩法设计,比如H5互动游戏、H5漫画、答题测试H5、年度H5账单等等。蓝橙互动精选H5案例合集分享08期,就给大家分享一下各种不同玩法的H5案例。

 

案例名称:鱿鱼游戏

 

案例品牌:MEO

 

结合当下流行的影视作品“鱿鱼游戏”创作的H5交互小游戏,各种限制,让用户体验人性的善恶,欲罢不能的一次次去挑战,最后通关的人,获得通过的“乐趣”。

 

鱿鱼游戏共6关,每关是一个独立游戏。每一关开始前都有操作和规则提示,限时游戏。违犯规则和突破限定时间,都算Game Over。最后通关的者,会有通关祝贺:消耗命数+引发思考的文案。

 

巨难无比,即使了解《鱿鱼游戏》剧情的人,通关也得操作几十遍,小编开始就以为这个游戏有bug,根本玩不过去。引发思考:如果有坚持不懈通关的韧性和决心,天下什么事,搞不定?

 

H5案例 

 

H5案例 

 

案例名称:警惕身边的TA

 

案例品牌:人民日报新媒体

 

人民日报新媒体出品,用根据真实案例改编的情节故事,告知用户间谍的常用套路与作案目标,测试和提高全民反奸防谍意识。

 

打开作品后,在三个故事中任选一个进入,在故事节点选择自己是否接受情境中对方的要求,“天上的馅饼”讲述了境外间谍势力利用高薪网络兼职,企图让“你”帮他拍摄军港和军事基地照片;“美丽的陷阱”是美女间谍利用美色,结识男性,收集尖端机械的相关信息;“坑人的朋友”是间谍势力渗入朋友群,通过转介绍企图套取国家机密信息。最后间谍都无一例外被依法逮捕,作品也会根据用户的选择给出反奸防谍意识测试结果。

 

H5案例 

 

 H5案例

 

 

案例名称:消灭全民公敌

 

案例品牌:淘宝特价版

 

网购盛行,但是陷阱和套路也很多,淘宝特价版在故事中化身江湖侠客,行侠仗义,戳破各种消费诡计,具象化购物的各种不良现象,表明自身态度,有针对性的宣传自身优势,吸引用户使用。

 

下滑浏览长图,内容是一位婴儿降生,被麒麟赐予神秘美玉,长大后行走江湖,看到村民收到货不对版的物品,帮助村民赶走旗号为“拼”的帮派,看到低价大甩卖,怒揭黑心商人原价更低的真相,遇到套路似迷宫的开业大酬宾,一剑毁掉,又打败了假装一手货源的中间商,获得群众支持,最后杀掉了集“假冒”“套路”“高价”“伪劣”于一身的黑心头目,完成使命,屏幕出现“为消费平权而斗”“为杀价而生”的标语。

 

H5案例 

 

H5案例 

 

 

案例名称:灵魂试香纸

 

案例品牌:天猫

 

灵魂也是有香气的,听起来是不是很新颖?天猫超级品牌日做品牌推广,根据用户性格测试结果,推荐不同品牌的产品,提高品牌日知名度,加深用户对各大品牌的印象,促进消费。

 

点击标题页的触点,开始测试,主题是在一座古堡里探险,跟着作品来到不同情境,回答相关问题,包括是否带上舞会面具,对墙上的空画框做何感想,选择一幅画拖入,来到花园会如何摆放花盆,听到受伤的猫喊“疼”第一反应是什么,选择一个传送门结束旅程。输入名字生成海报,包括“你”的灵魂香气形容词,两个关键词和解说,主图,“魂器推荐”是一件商品,旁侧有具体的商品名称,报头是天猫超级品牌日logo与商品品牌logo。

 

H5案例 

 

 H5案例

 

案例名称:壳牌电子会员2周年庆

 

案例品牌壳牌

 

这款H5是由‘壳牌’开发的盘点类H5,旨在通过展现用户与壳牌的大数据信息,让用户了解自己与壳牌的消费记录,从而宣传品牌信息。进入H5后,出现动态横条插画形式的主题‘8月壳粉节,2周年’,下面点击启动引擎进入游戏;进入游戏后通过滑动翻页查看各种自己与壳牌的经历,从认识到第一次加油,然后是最早的加油时间,最晚的加油时间,去过的壳牌门店;最后形成一张发条形式的信息展示页,可以分享到朋友圈;再次下滑则会进入红包雨游戏中,只有壳牌会员才能参与。

 

H5案例 

 

H5案例 

 

案例名称:成都天府通-年度账单H5

 

案例品牌天府通

 

2019成都公共交通大数据报告发布后,天府通公司正式上线年度个人出行账单查询功能,用户可打开天府通APP,点击首页顶部活动入口即可查询到自己的年度出行账单。

 

H5、“公共交通年终总结”的主题更具个性化和趣味性,内容包括用户全年的公共交通消费、搭乘公交和地铁的“成绩”、最早乘车与最晚乘车时间、个人减碳量等数据,直观地反应了用户与城市的密切互动。

 

H5案例 

 

H5案例 

 

以上就是本期为大家带来H5案例分享,感兴趣的朋友可以持续关注我们蓝橙互动官网的新闻动态,或是关注蓝橙互动官方微信公众号,我们会不定时向大家分享最新的优秀案例。

 

 

相关阅读:《精选H5案例合集分享-07期



联系QQ:2899301896

蓝橙互动·致力于为企业提供更高效的开发服务