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

回到顶部

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

H5案例 2023年02月08日

春节过后,人们的工作回归正轨,各大品牌的营销活动也逐渐回归日常,活动中的春节、过年等元素少了许多。蓝橙互动精选H5案例合集48期,就给大家分享一下今年这些常规H5营销活动,一起来体验一下吧。

 

案例:伯乐找马,马到成功


品牌:雅兰床垫

 

雅兰围绕春节氛围,结合“伯乐找马,马到成功”的主题和六骏形象,设置的游戏集彩头的形式,进行新品宣传,送出新年祝福。通过游戏互动+奖品刺激的方式吸引用户参与裂变,增加用户粘性,达到品牌曝光。

 

进入H5游戏,在长图中滑动,点击屏幕找到六匹马,其中有四匹马在点击后可直接获得,有两匹马要完成游戏互动才可以获得。游戏一为猜位置,一共有三张卡牌,所寻找的马就在其中一张卡牌上,用户记忆卡牌的位置,然后卡牌进行随机交换,最后找到卡牌的位置即可。游戏二为跑酷游戏,点击品名控制马在床垫上跳跃,不跌落床垫并抵达终点即可过关。

 

H5案例


长图滑动H5


案例:云端之上


品牌:安徽文明网

 

这是由安徽新媒体集团文明皖风工作室重磅推出大型国风互动H5。选取“云”作为点睛之笔,将“中国好人”故事与大美黄山IP互动融合,立足“高海拔”之上,沉浸式感受崇德向善的精神与力量。

 

H5通过讲述黄山放绳工李培生和守松人胡晓春的故事,他们日复一日呵护着千年迎客松,用心用情守护美丽的黄山,把普通人在普通岗位,几十年如一日地干出不普通的工作,来弘扬社会主义的价值观。采用国风漫画方式,让故事「活」了起来,有动效,有交互,让用户沉浸在故事细节中,沉浸在大美河山中,沉浸在敬岗爱业的精神中。交互方式主要采用点击的方式,降低了交互难度,让用户更容易关注视觉和内容本身。

 

H5案例


漫画类H5


案例:一个奶盒的五行之旅


品牌:伊利

 

伊利为宣传纸盒回收计划推出的环保主题作品,将伊利牛奶包装盒的资源回收再利用技术与传统五行结合,让用户了解牛奶盒是怎样变成生活用品的,宣传传统文化,以及伊利集团保护环境的品牌理念和社会责任感,加强用户对品牌的好感。

 

进入H5页面,下滑屏幕浏览内容,五个年轻人身着传统练功服,代表“金”“木”“水”“火”“土”,用户点击人物,即可查看在资源回收再制造过程中运用到的对应技术介绍。H5背景是传统国画风格,浓郁饱满,颜色与内容也与五行的主题对应,大红色的“火”,绿色的“木”,蓝色的“水”,结合人物体态精壮动作飘逸的展示图,将中国文化的刚柔并济表现出来,带给用户视觉上的美感。

 

H5案例


H5案例


案例:年度数码好物评选


品牌:网易新闻

 

网易新闻数码频道推出的2022年度数码好物评选清单H5活动。通过捏气泡的方式,排除掉不喜欢的数码产品,生成剩余数码产品的好物清单海报,形成裂变和传播。

 

进入清单页面,有上下左右拖动的引导提示,点击后,提示消失。好物气泡共45个,点击气泡,气泡被刺破,剩余的件数和清单可以点击底部的按钮查看,点击选好了按钮即可生成海报。海报页类似一张购物小票,用清单体把未点破的数码好物呈现出来。

 

H5案例


清单类H5


案例:AI画笔 连接爱


品牌:百度

 

百度推出了AI学习平台“pp飞浆”,H5以《富春山居图》被焚烧成两半为创意支点,让用户自由绘制,把两段图画连接到一起,用AI技术进行加工,转化为水墨效果,以此展示实力,推广技术平台。

 

开头是一段视频,将《富春山居图》从平面转化为立体影效,带领用户在富春的美景中穿梭游览,然后了解其被焚毁的缘由,用户根据画外音提示和画笔示范,用线条补充空白处,将断开的图画连接到一起,欣赏生成的山水画效果,左右滑动屏幕可欣赏原图,最后生成总体效果图卷轴海报。

 

H5案例


AI作画H5


案例:坚持热爱,不忘初心


品牌:网易 × 三金西瓜霜

 

网易新闻娱乐频道与三金西瓜霜联合推出的「网易娱乐封面故事十周年」创意H5作品。通过一众明星的参与加持,吸引更多的用户认识和了解网易娱乐,最后生成明星海报,还可以把明星故事分享传播出去,形成裂变传播,从而达成品牌曝光的效果。

 

进入H5案例,众多一线影视娱乐明星录制的封面故事十周年祝福语视频自动播放,浏览完毕进入明星海报页。可以转动转台,更换明星,然后点击查看Ta的故事,进入该明星视频故事分享页。

 

图片11.png


视频类H5


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

 

 

相关阅读:《精选H5案例合集分享-春节特别篇



联系QQ:2899301896

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