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

回到顶部

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

H5案例 2022年10月19日

在开展微信H5活动时,针对于不同的目标用户、不同的活动需求,需要选择不同的H5游戏玩法,才能获取更好的活动效果。蓝橙互动精选H5案例合集分享第38期,就给大家分享一些不同玩法形式H5活动案例。

 

案例:蜗牛信箱

 

品牌:中共海南省委网信办

 

中共海南省委网信办在2022年二十大期间推出的创意H5案例,以“蜗牛信箱”主题,那些十年前写信给未来的人,见证了中国十年来的发展和取得的成就,以收集各种社会发展成就为交互,最后,呼吁年轻人以十年为约,再写一封给未来的信。

 

进入H5页面,点击信封查看不同群体代表十年后的变化,以及中国这十年取得的成就,如全民对抗疫情、奥运会举办、航母下海、火箭升天等。最后呼吁现在的年轻人,以十年为约,再发一封信给“蜗牛信箱”,见证和参与中国未来发展。

 

H5案例


长图滑动H5


案例:Choonsik's diary

 

品牌:Kakao

 

这是为Kakao的卡通形象Choonsik和Ryan进行宣传的动画交互H5,Ryan是一只没有鬃毛的雄性狮子,Choonsik是是一只在路上捡到的小猫,他们是朋友,案例中以Choonsik的日记为主题,讲述Ryan为什么讨厌周一。通过小故事,让品牌旗下的卡通形象有血有肉。

 

进入作品H5“Ryan为什么讨厌周一”开启故事随画面中提示的箭头,看到Ryan出门上班,到了公交站,上了公交车开启一天的生活,随后是4个交互动画,有Ryan办公室工作、在家打扫卫生、浴缸中大战鱿鱼怪、晚上Choonsik和Ryan在楼顶看烟花夜景,最后生成Choonsik和Ryan的卡通电子卡片。

 

H5案例


动画交互H5


案例:资生堂中国

 

品牌:资生堂X屈臣氏

 

资生堂旗下的d program(安肌心语),联合屈臣氏线下门店,一起展开空瓶回收计划,替换装环保计划和环保电商外箱计划,号召大家减少浪费,像保护肌肤一样去爱护地球,减少环境污染和耗材使用,让环境回归平衡,迎向新生态

 

进入游戏,用户将分别来到美丽的沙滩上,森林中,小溪旁完成不同的游戏挑战。依次是捡垃圾,连接替换装管道和回收纸箱,需要在15秒内达成预定目标,用户可重复挑战。每完成一个游戏即可获知环保项目详情,收获鼓励海报,三个游戏都通过后,可解锁线上商店,浏览商品有机会获得盲盒奖励。

 

H5案例


H5互动游戏


案例:这十年,感恩奋进的力量

 

品牌:浙江省委网信办×浙江在线

 

浙江省委网信办和浙江在线联合推出的“这十年,感恩奋进的力量”信息展示H5,用横向长图+交互弹窗的形式,回顾了浙江人民奋起的十年历程和相关成就,唤起更多人对浙江的了解,激发浙江人民的荣誉感。

 

H5采用横向长图进行展示,用书信,人物介绍,视频,漫画等形式,把奋进的十年的主要事件基本都囊括了进去。包括:卷首书信、枫桥经验、乌镇网事、大陈蝶变、良渚文明、下姜筑梦、老区新颜、黄杜金叶、青科引进等9个主题内容,每个主题均包含1-2个热点资讯,以及相关信函文字说明,把浙江大美展现的很精致,把握的很到位。

 

H5案例


信息展示H5


案例:汇投星人

 

品牌:汇丰汇选

 

汇丰汇选APP引流创意资讯H5作品。通过转盘交互模式,很好的把创投资讯信息整合起来,让用户在投资决策前,获得高质量的行情信息,从而吸引更多用户下载汇丰汇选APP

 

整个H5就一个页面,紫红色星球带包利好星球,该星球需要读取的信息条数直接显示在星球名称旁边,其他就是围绕利好星球的一个“信息转盘”,用户可以转动转盘,查看利好信息标题,点击标题,弹出该信息更进一步的详细信息弹出层,都很简短,只说重点和结论。

 

H5案例


H5案例


案例:甲骨书信

 

品牌:人民日报新媒体

 

文字的起源,也蕴含着文化的起源,甲骨文也许离我们很遥远,但其所要表达的人生哲理却是直至现在都可以让每个人都为之受用的,H5将甲骨文做成简短动态效果,和用户一起探索古文奥秘,学习传统知识。

 

进入H5游戏,是一块甲骨文骨片,点击触点开始逐字解析,先浏览古文字衍生出的动图和文字表述,再在给出的三个答案中猜测哪个是与之对应的现代字,点击后,可以看到结果评判,和正确答案后蕴含的道理解析。

 

H5案例


答题H5


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

 

 

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



联系QQ:2899301896

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