H5游戏案例
H5游戏案例
H5游戏案例
H5游戏案例
H5游戏案例
扫一扫
H5游戏案例
H5游戏案例

回到顶部

优秀H5案例赏析汇总(一)

优秀H5案例赏析汇总 2021年10月18日


对于互联网创意工作者而言,永远保持充沛的精力和灵感可并不轻松,他们平时向外界输出智慧成果,迎接一轮又一轮的头脑风暴,面对高强度的作业需求,还要努力维持着工作状态。在这样的情况下,大家期盼着有一座创意加油站出现,能够为我们提供取之不竭的灵感源泉。本期小编给大家带来的就是全网最新的H5案例分享,希望能给大家带来一些创意灵感。

 

案例名称:建党100周年互动微电影《抉择》


品牌:人民日报新媒体×Bilibili


 H5案例

 H5案例

H5案例


人民日报新媒体联合Bilibili在建党100周年之际推出的作品,用户化身为剧中人物,在电影中选择情节走向,感受建党,建国,科研和祖国建设的艰辛之路和胜利之路,为党献出真挚的祝福。

 

打开作品后,从“红色起点”“归国巨轮”“圆梦茶乡”中选择一个,开启体验,在出现选择时点击自己想要的剧情走向即可,电影播放完毕后,用户可以看到自己的故事梗概,和剧情解锁图,三个电影对应了建党前,建国时,和建国后的时间段。

 

案例名称:欢迎来到特区金色大道


品牌:深圳银保监局


 H5案例

 H5案例

H5案例


通过对深圳经济特区四十年发展过程中,银行保险重点企业的重大事件回顾,展示银行保险行业支持特区建设,发挥了巨大的金融作用。特别是深圳银保监局成立以来,银行保险行业继续发扬敢闯敢试、敢为人先、埋头苦干的特区精神,永葆“闯”的精神、“创”的劲头、“干”的作风,续写更多春天的故事!

 

画面以时间为顺序,从80-90-00-10-至今,画面元素也会随着时代而变化,比如车辆、道路、人物和建筑风格等;事件详情页背景也选用了三个不同时期的深南大道风景,与深圳金色大道呼应。

 

案例名称:清华大学美术学院线上毕业展


品牌:清华大学美术学院


 H5案例

 H5案例

H5案例


这是清华大学美术设计研究院联合清华大学-阿里巴巴人机自然交互体验实验室、阿里云制作的一场线上毕业展,通过线上展览的方式让更多的人看到清华美院学生们的设计理念、艺术设计技能、执着理想、求真务实、自信的文化态度。

 

在展览中,用户左滑屏幕依次浏览展位,每个展位首先是作者名字,照片,作品名称,设计理念阐述,然后是作品展览,展览包括图像和视频两种方式,有的会有一些简单的小互动,让作者更直观的感受作品主旨,点击右下角作者名字会弹出作品图选,细节欣赏,或其他平台的个人二维码,左下角有展位序列号。用户在欣赏过程中可随时点击左侧列表,跳转至其他展区或系别。

 

案例名称:CHOCAPIC® Nutri-Game


品牌:雀巢 Nestlé


 1632470340848240.jpg

H5案例


这是雀巢的chocapic产品宣传H5,目的是通过小游戏的形式黏连年轻用户。


H5采用小游戏的形式,首屏是chocapic的产品介绍和游戏说明,点击“OK”按钮,进入游戏机界面; 


游戏机界面,提示点击右侧黄色“X”按钮,开始游戏,而后是对话完毕,点击屏幕左侧上下左右键小狗运动;点击右侧黄色“X”按钮,小狗跳跃,游戏有点像小时候玩的超级马里奥;游戏过程中,小怪物可以跳跃踩,谷物形式的动态元素碰到后让右上角的小条一点点颜色充满。

 

案例名称:小小星途揽月人


品牌:网易新闻 X EXEED星途


 H5案例

 H5案例


神州十二号成功发射的新闻相信也点燃了许多小朋友的太空梦想,网易新闻与星途汽车联合制作了此作品,根据孩子的性格生成小小探险家海报,呼应最近关注度极高的神舟十二号成功发射事件,表达对中国航天事业的尊重与自豪。

 

点击导语下的“立刻出道”,回答问题,包括孩子遨游太空会被什么吸引,遇到外星人会怎么做,然后输入名字,上传照片,选择海报背景,调整照片在背景中的大小和位置,即可生成海报,包括报头“小小星途揽月人”,成品效果图,和根据用户选择授予的称号“人见人爱的月球御用小摄影家”“深藏blue的太空救援小能手”等,用户可保存海报,或点击分享参与抽奖。也可点击跳转页面,了解相关活动和预约新款星途汽车的试驾。

 

案例名称:你能通过公司实习期的考验吗?


品牌:南方+


 H5案例

 H5案例


这家“创业公司”,史上最强!以进公司实习互动为主题,设定不同的场景和问题让用户选择“继续实习”还是“歇一歇”进行游戏


每个环节出现4次对话框考验,结果页分别为“这就放弃了,XXXX”与“恭喜你通过第X关”两种情况,制造反差,放弃后则弹出中国共产党人的初心使命,让大家了解和关心党员群体背后的坚持与奉献。    最终结果页显示你拿到世界最牛创业公司offer的潜力值结果,设置两个按钮,一个为查看完整故事(三个故事党员群像合并),一个为生成结果页,进一步分享传播。

 

案例名称:壳牌“0”收益投资计划


品牌:壳牌


 H5案例

 H5案例


壳牌的环保主题作品,模拟在地球上种树,消灭二氧化碳的过程,让用户参与环保行动,提高环保意识。


主页点击接受挑战,在20秒倒计时内尽量多的点击不断冒出的二氧化碳标志,让其变成小树,倒计时结束,用户可以看到自己的种树数量,获得的称号和排名,点击跳转到最后页面,可以看到最终种树数量对应的二氧化碳吸收量,排行榜,和1分52秒的主题视频。

 

案例名称:欧罗巴蹴鞠大赛画传


品牌:Formovie峰米X网易文创X哒哒


 H5案例

 H5案例

H5案例


峰米宣传作品,将现代足球报导与古代蹴鞠画面结合,宣传传统文化和峰米产品优势,为店铺引流。

 

横屏浏览,点击打开长轴画卷,卷首是标语和简约导语,点击蹴鞠球逐幅浏览,画面内容有场上伤员急救,比赛引发企业股价波动,疫苗立大功,乌龙球,名流云集看台,国家队赶赴球场,头球进决赛,点球争议,最后用户选择一副主图生成收藏海报,海报右方有峰米产品优势描述,用户可重选主图和登陆店铺。



更多服务:H5案例欣赏|经典H5案例|H5游戏案例|创意H5案例|H5案例

新闻方案资讯

NEWS

让您了解更多关于H5营销信息

优秀H5案例赏析汇总(二)

上期为大家带来许多优秀的H5案例,反响不错,很多朋友都希望能再多分享一些。为了满足大家的需求,蓝橙小编就给大家带来第二期精选H5案例合集。

2021年10月18日

优秀H5案例赏析汇总(一)

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

2021年10月18日

测试H5|艾滋病知识科普H5案例

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

2021年10月15日

H5游戏|餐厅如何留住等位的顾客?

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

2021年10月15日

华为电脑线上互动宣传h5活动

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

2021年10月15日

基金养老产品微信宣传活动策划

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

2021年10月15日

打车软件如何通过H5游戏发优惠券

网约车平台吸引用户打车最重要的方式之一就是发放各种优惠福利券,但由于趣味性不高,加上得券来得太过于容易了,所以只能够吸引一部分的用户。为此,如祺出行网约车开展了寻萌宝得优惠券的活动,以找东西H5游戏​

2021年10月13日

政企H5|企业文化年度报告H5

企业文化是一个公司形象和实力的展现,是企业在日常运行中所表现出的各方各面。为了对内强调企业文化、对外宣传企业文化,贵州电网公司出品了一款企业文化年度报告H5。

2021年10月09日

医疗产品微信h5游戏营销方案分享

很多耳熟能详的医药产品宣传都是通过电视广告来传播,比如“999感冒颗粒”、“万通筋骨贴”等等,都在用户群众留下了深刻的记忆。但随着移动互联网的崛起,人们观看电视的频率是越来越低,所以很多品牌就在微信这

2021年09月30日