H5游戏制作
H5游戏制作
H5游戏制作
H5制作公司
H5玩法
扫一扫
微信互动游戏开发
微信小游戏制作

回到顶部

2021最新H5案例合集(二)

最新H5案例合集 2021年10月18日


上期为大家带来许多优秀的H5案例,反响不错,很多朋友都希望能再多分享一些。下面,蓝橙互动就为大家带来第二期精选H5案例合集。


案例名称:跟我到古代云逛庙

 

案例品牌:饿了么X口碑网X清明上河图


 H5案例

H5案例


饿了么与清明上河图合作,将饿了么上面的商家植入进上河图里面的商铺,整幅画面以动态形式呈现,用户点击上河图中的商家,可以领取优惠券。

 

标题页面的进度条加载完毕后,用户随着镜头穿过云雾,来到清明上河图中,左滑浏览,熙攘街头有许多热门店面,和零星分布的讲解,以及人物对话框。店面包括外婆家,来伊份,麦当劳,奈雪的茶,海底捞等100多个各类店铺,店铺上面有招牌,LOGO和广告语;零星分布的讲解内容有超级品牌日,顾客对美食的感慨,蜂鸟配送,口碑直播等平台活动和服务内容;人物对话有外卖员送餐,顾客取餐,老板感慨加入饿了么以后订单很多等生活化内容。用户点击喜欢的店铺,查看大图,有小二报出店名和欢迎词,用户可选择进店抢货或继续逛街。

 

还原清明上河图的风格,进行手绘呈现,既有古风美感,又有很多熟悉的现代美食店铺罗列,点开后各个品牌均有优惠可以领取,对用户来说都是实打实的省钱,精准迎合需求,同时很详细的宣传了平台各方面的品牌优势和贴心服务。

 

案例名称:秘密花园


案例品牌:饿了么X后浪出版公司《秘密花园》


 H5案例

H5案例


该案例契合饿了么蓝骑士的口号,与知名的涂色绘本《秘密花园》合作,将饿了么上可以点的商户植入到秘密花园中,凸显下午茶的概念,用户可以看到蓝骑士与用户之间发生的故事,凸显“爱什么来什么”的口号。

 

点击打开作品,来到秘密花园风格的横屏界面,左滑屏幕查看画作每部分的内容,蓝骑士为小朋友送来好吃的,为在公园看书的女生送来奶茶,为聚会庆生的女生们送来蛋糕,为求婚的男生送来花束。用户点击发光图标领取优惠券。

 

还原《秘密花园》本来的色彩元素和手绘风格,色彩丰富元素繁密,各个场景都很温暖美好,又有生活气息,都是生活中人们经常遇到的外卖需求。

 

案例名称:燃...燃起来了

 

案例品牌:新华社客户端X新华社体育部X新华社技术局X新浪微博


 H5案例

H5案例


全民健身时代,远离高热量食物,用运动消耗卡路里,才能实现身材升级。参与新华社出品的足球游戏,了解运动,卡路里,与实物数量之间的换算,还可以用成绩兑换奖品哦!

 

初始界面有一位身着球服的胖男生背影,上方是标题和该男子肥胖程度,下方是开始触点,排行榜与游戏方法详情。

 

点击“运动有奖”开始挑战,男生大脚开球,向前奔跑,用户点击跑道让运动员左右移动,在奔跑时需要注意足球位置,及时挪去带球,同时接住水,避开高热量食品和裁判,接住水可以保持左上角身体含水量进度条不枯竭,接住高热量食品会抵消减掉的卡路里,没有及时接回球和冲撞裁判会导致游戏结束,奔跑一定距离后男子身材会变瘦一个等级。

 

案例名称:东京奥运会 金牌大挑战

 

案例品牌:人民日报新媒体 x 中国移动 x 咪咕

 H5案例

H5案例


这是人民日报新媒体联合中国移动、咪咕制作的H5案例,旨在传递奥运精神,通过互动H5游戏的形式让用户体验不同运动项目的趣味。

 

加载成功后,用户可以在首页看到九种不同的运动项目金牌,只要点击自己感兴趣的项目金牌,即可体验该运动项目的线上比赛;页面跳转后,用户可以在游戏起始页了解运动项目的规则、历史以及中国运动员最早在该项目取得的成就,点击“我要挑战”了解线上比赛的规则和比赛方法,在倒计时后开始比赛,结束后会根据你的比赛成绩,为你颁发金牌、银牌、铜牌、谢谢参与四个奖项,用户可以在颁奖页面直接保存海报,也可以分享到朋友圈,如果对成绩不满意,可以点击“再次挑战”。

 

整个案例操作简单,游戏也具有反复参与性,九种不同的运动项目包含全面,有些是用户平时很难接触到的,通过游戏体验是一种很新颖的方式,也能够增强用户对该项目真正的运动体验的好奇心。

 

案例名称:我们能一起看奥运么?

 

案例品牌:人民体育&腾讯看点&QQ浏览器


H5案例 


H5案例


选择自己最喜欢的奥运项目,发给好友,考验默契。

 

点击打开作品,在紫色系分框图中点击自己最喜欢的奥运项目,选五个,被点击的项目图片会从紫色系变为彩色系,右下角有已选数量,点好后,用户可选择“就这样猜”看看自己和谁最默契,或选择“我来出题”,然后发给好友让好友猜,最后用户可查看自己的选择,和登陆QQ浏览器查看奥运主题版块。

 

色彩统一,每个项目都有相关配图,让用户浏览起来有画面感,从而选出自己的最爱。被选项目会变成别的颜色,视觉突出,方便用户回顾。

 

案例:新生代返场 升级新可能

 

品牌:网易云音乐 X adidas


 1632471453587574.jpg

H5案例


开学季在即,如果给你个机会重回校园,你会是老师同学心目中怎样的学生呢?带上adidas新装备,一起重温校园时光吧!

 

选择自己的身份,学生,毕业多年,或已为人父母,开始答题,包括书包里的东西,喜欢坐的位置,对一段音乐的联想,感兴趣的新课和如何回复小纸条,输入姓名,选择性别,生成海报,包括你所属的学生类型,头脑王者,学霸或暖心班长等,以及相关分析,用户可点击触点登陆相关平台。

 

校园类作品,颜色清新活跃,画风青春洋溢有活力,插图上的人物都身着阿迪达斯服饰,加深用户对品牌的印象,和感受品牌服饰对青春气质的加持。除了上课下课这样的上学正规流程,作品还融入了传纸条,打球,零食这些学生时代最喜欢的趣味,引发美好回忆。

 

案例名称:biubiubiu

 

案例品牌:新华社技术局&新华社客户端&新华社体育部出品


 H5案例

 H5案例


新华社出品,用户在作品中感受射击乐趣,通过三关,即可参与抽奖,挑战体育项目,呼应奥运主题。

 

首页有奖牌数,五星红旗和个人最高分,用户可选择音效是否打开,查看排行榜和开始游戏,游戏开始后,上方是30秒倒计时,目标38环,中间是瞄准星和靶子,滑动左下方的触点瞄准,点击右方射击,靶子上会出现击中的环数和枪眼,上方目标栏跳至相应剩余环数,完成38环后进入下一关,靶子会变小或晃动,三关后,总成绩和奖杯出现,点击抽奖。

 

作品界面很简洁,瞄准星视角,让用户专注射击,在严肃的背景音乐下感受紧张的比赛气氛。


其他案例:2021最新H5案例合集(一)


更多服务:H5游戏开发|惠州H5制作|H5定制公司|H5开发价格|H5案例|广州H5制作|郑州H5开发

H5制作公司

H5玩法创意资讯

NEWS

让您了解更多关于H5玩法创意信息

测试H5|孕期知识宣传H5活动

生娃是一个家庭最重要的事情,所以掌握一些科学生娃的知识是非常有必要的。为了让人们更有效的了解到孕期相关的知识,天猫国际联合三甲医院出品了一款孕期知识宣传H5活动!

2022年03月11日

宣传节约用电的微信h5游戏方案

“节约用电,人人有责”这句口号想必大家都不陌生,但是从哪些地方可以节约用电,大家都不是很清楚,这就是标语宣传的一个弊端了。为了提升节约用电的宣传效果,加深人们对于节约用电知识的了解。下面,分享一个宣传

2022年03月10日

好友默契测试H5游戏方案分享

好友默契测试游戏是可以让用户主动分享的一种活动形式,可以很快形成裂变传播的效果,对于品牌的宣传营销是非常有效的。下面,蓝橙小编就把一款好友默契测试H5游戏方案分享给大家,也让各位小伙伴们找找活动的灵感

2022年03月09日

汽车促销盲盒抽奖H5活动方案

每年的春节后到五一这个时间段,都是汽车销售的淡季,所以开展宣传营销活动就成了汽车促销的一种方式。当然,活动的形式多种多样,今天要给大家说的就是长安汽车的盲盒抽奖H5活动方案。下面,就让我们一起来看看吧

2022年03月08日

如何在世界杯开展微信营销活动

2022年卡塔尔世界杯将于11月21日打响,作为大型的世界性质的体育赛事,毫无疑问会吸引到全世界足球迷关注度,自然也就成了许多品牌宣传自身产品的好机会了。下面,我们通过三个世界杯H5案例来看看品牌们都

2022年03月07日

2022最新妇女节H5案例合集

​随着移动互联网的发展,商家的营销宣传方式越来越多,节日营销活动也越来越多样化,得到许多用户的关注。妇女节就要到了,蓝橙互动优秀H5案例赏析汇总,就给大家分享一些妇女节H5案例。

2022年03月07日

关于大运会|亚运会的H5案例分享

虽然冬奥会已经结束了,但是接下来的成都大运会、杭州亚运会,势必又会掀起一波营销热潮。所以,蓝橙小编在这里分享几个运动会H5案例​给大家,为大运会、亚运会的策划小伙伴提供一些思路。

2022年03月03日

银行H5|数字人民币线上推广活动

数字人民币是是由中国人民银行发行的数字形式的法定货币,其作用和微信钱包和支付宝钱包一样,是目前国内重点推行的个人电子钱包。为了推广数字人民币,中国农行和锦里联合推出了“农行有礼,惠逛锦鲤”为主题的答题

2022年03月02日

微信公众号认证步骤图文详解

用户在微信中搜索公众号时,常常能看到一些公众号的名称后带有“v”的表示,这是代表该公众号是被官方认证的,让用户能够放心使用。除此之外,商家想要开展微信H5营销活动,也需要微信认证之后才能够进行的,所以

2022年02月25日