QQ图标
QQ图标
QQ图标
联系我们图标
成都微信开发
扫一扫
成都微信小游戏开发
成都微信开发

回到顶部

极具创意H5案例分享-02

极具创意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环后进入下一关,靶子会变小或晃动,三关后,总成绩和奖杯出现,点击抽奖。

 

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


相关阅读:

极具创意H5案例分享-01


微信H5开发-就找成都蓝橙互动
微信开发

微信开发资讯

NEWS

让您了解更多关于微信开发信息

极具创意H5案例分享-03

蓝橙互动精选H5案例合集第三期来了,一起来体验一下各种不同的H5,寻找全新的创意灵感吧。如果想对下面的H5案例有一个详细的了解,可以在线咨询我们蓝橙互动。好了,话不多说,大家接着往下看吧!

2021年10月18日

极具创意H5案例分享-01

对于互联网创意工作者而言,永远保持充沛的精力和灵感可并不轻松,他们平时向外界输出智慧成果,迎接一轮又一轮的头脑风暴,面对高强度的作业需求,还要努力维持着工作状态。在这样的情况下,大家期盼着有一座创意加

2021年10月18日

极具创意H5案例分享-02

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

2021年10月18日

如何策划养老基金线上宣传H5活动

一提到模拟类游戏,大家肯定首先到的就是《模拟人生》、《铁路大亨》、《旅行青蛙》等这种单机游戏,模拟类H5游戏作为H5创意中比较受用户欢迎的形式之一,却很少有人提起。当然H5作为移动端的网页,可玩性肯定

2021年10月15日

电子产品介绍H5案例

想必大家都知道,不论是新店开业还是新品上市,品牌方都是需要开展营销宣传活动的。一是介绍产品相关知识,二来吸引用户购买产品。基于以上这两种目的,华为出品了一款的笔记本电脑线上宣传H5案例​,下面我们就一

2021年10月15日

餐饮门店如何降低排队客户流失率

餐厅排队现在已经成了一种常态了,特别是一些网红店,排队的客户更是不计其数。虽然排队的人数越多,说明商家的生意也就越好,但是有些客户只会等待一会儿,然后就没有耐心的走开了,这就造成了客户的流失了。那么,

2021年10月15日

艾滋病预防知识宣传H5活动策划

艾滋病对人体的危害相比大家都知道了,但是在日常生活中,人们对其的重视程度并不高,所以每年还是会有一部分人会染上艾滋病毒。为了向更多的人科普艾滋病相关的预防知识,海珠区疾病预防控制中心在12月1日这天,

2021年10月15日

H5活动如何避免诱导关注和分享

想要微信H5活动达到裂变的效果,自然少不了用户之间的转发和分享,这也是活动能取得成功的一个重要因素。但是,有些活动错误的引导用户关注、分享,就很有可能会被封。那么,H5活动如何避免诱导关注和分享呢?

2021年10月13日

微信第三方平台开发有哪些优势?

微信平台本身的功能虽然强大,但对于企业和个人来说是完全不够用的,很大部分需要第三方平台去开发,这样才能满足多元化的用户需求。那么,微信第三方平台开发有哪些优势呢?

2021年10月08日