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

回到顶部

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

H5案例 2022年05月09日

随着H5营销活动的流行,越来越多人了解到通过H5进行宣传的优势所在,因此不光是品牌营销宣传,许多其他需要广泛宣传的活动都开始通过H5来进行。蓝橙互动精选H5案例合集分享第21期,就给大家分享一下应用于各类场景的H5案例,一起来体验一下吧。

 

案例名称:这是一个来自2060年的金典艺术画展

 

案例品牌:金典

 

金典牛奶以未来绿色低碳生活为主题,展开绘画竞选活动,用户浏览30多位已过初筛的画作,感受不同人心目中的未来美好世界,为自己喜欢的画作投稿,深植绿色理念,优化品牌形象。

 

按照闪烁的触点提示,来到画展,横屏观看,左侧是作者和画作简介,右侧是作品和当前票数,可点击后放大观看,右划屏幕切换作品。用户可随时点击投票。

 

环保方面的倡导越来越被重视,此次活动激发参展者创作欲望,绿色环保色的背景,画作的颜色很丰富,主题鲜明,随着画作的切换不断带给用户新鲜感,也很期待下一副的画作呈现,加上较为详细的简介,让用户感受作品背后的理念。

 

H5案例 

 

长图滑动H5 

 

案例名称:跟着阿猫去流浪

 

案例品牌:我是创益人X腾讯公益X腾讯SSV X 腾讯广告 X CDC

 

一只流浪猫要经过多少生死攸关的艰难险阻才能拥有一个温暖的家?一起进入作品,用第一视角,度过流浪猫惊险的一天。

 

作品以第一视角呈现,上方有命数,九条命,死一次减一条,还有饱腹值和体温值的血条。“你”睁开眼睛,字幕显示是被饿醒,开始寻找食物的探险之路,路上会遇到很多选择,是否吃死老鼠,是否偷吃别人捞的鱼,是否靠近投食人,等等,每次选择错误就会当场命陨,跳转到流浪猫的死因介绍后,来到带着天使光圈的最后界面,用户浏览保护流浪猫的倡议,选择复活或捐款。复活后命数减一条,继续重重关卡,最后,“你”在血条即将耗尽之际被一对情侣收养,跳转至卧在猫窝里的界面,有阐述语和捐款链接。

 

以第一视角带领用户进入情景,沉浸式的体验,实景的城市,让用户更加理解流浪猫每天的提心吊胆,要靠九条命才能活下去。详细表现流浪猫许多不为人知的死因,每次做错选择走向死亡的呻吟和惨叫都让人心疼不已,激发用户保护欲。

 

H5案例 

 

视频类H5 

 

案例名称WayFinder

 

案例品牌:NFB

 

这是加拿大NFB推出的一款叫做WayFinder的3D场景H5,通过让用户搜寻和收集场景中的线索,线索集结成一首诗。

 

在唯美的画面中,用户进入游戏。可以点击+拖动人偶,四处探索,在不同的场景中,寻找亮起的线索,然后按线索的轨迹拖动人偶,即获得该处的句子。场景中有若干细节、动效,都很细致、唯美,拖动人偶一直探索,就会得到越来越多的线索。

 

H5案例 

 

3D场景H5 

 

案例名称:你有一条美好乐评待解锁

 

案例品牌:WeBank微众银行X网易云音乐

 

人类的悲观有时也是相通的,在网易云音乐,就有许多温暖人心的音乐评价,它们也许就是黑暗中打开心门的钥匙,作品带用户一起回顾2021的心碎瞬间,在治愈系评论中点亮世界,带着祝福,一起走向美好的2022。

 

打开作品,浏览对去年的总结,输入名字,进入互动,先是情绪低落的生活瞬间,点击发光的触点,画面被点亮,画中的小人儿也峰回路转,找到生活的明亮走向,比如失业的找到工作,下夜班后有司机师傅帮忙照亮道路等等,最后选择六个愿望,生成祝福海报。

 

点击评论亮点,让故事反转,选择的故事核心有事业,爱情,情绪,孤独等,是大多数当下人都有的痛点,能触动用户的内心情绪,围绕着主人翁的许多思绪描述也一如悲观时候的我们,很能激发共情。

 

H5案例 

 

年度账单H5 

 

案例名称:唤醒你的冠军DNA

 

案例品牌:梦幻西游X网易文创/哒哒

 

冬奥会让大家热血沸腾,每一次的夺冠瞬间都让人激动不已,其实你也有冠军潜质喔!哪个项目的冠军呢?快测一下!

 

输入名字,根据题目预设的场景选择答案,包括赛前状态,最令自己兴奋的声音,喜欢的应援色,冠军冲击策略,认为取得好成绩的最重要因素,答题完毕生成海报,包括有冠军潜质的项目,对应的冠军图(以本次冬奥会夺冠选手为原型),用户的潜在技能分析。

 

紧跟热门主题,蓝色为主的冰雪色,身着赛服的卡通人物,带用户进入比赛情景,圆自己的冠军梦。

 

H5案例 

 

答题测试H5 

 

案例名称:你的人生是一本什么书?

 

案例品牌:喜马拉雅

 

人们对自己的性格探索解析一直是很有兴趣的,喜马拉雅在423听书节推出本作品,通过对回忆和预设场景的选择,以书名的形式生成个人性格解析海报,结合喜马拉雅的听书功能,迎合用户兴趣点的同时,提醒用户可以登陆平台收听更多书籍,寻找心灵慰藉。

 

五个问题,包括童年的颜色,收听旋律选段的感觉,理想的生活状态,希望收到的书的书名,喜欢的序言,点击符合自己心意的答案即可,输入名字,生成结果海报,包括书名,主图,导语,听书节标题,书名也可自行编辑,用户可分享作品和点击领取福利。

 

每页一个背景图,画风温馨童趣,内容与相应页主题相关,富有想象力,用单纯的画面引发用户美好的感觉,做出答案选择。暖色系为主,治愈系,让用户在宽松的心灵氛围中享受解析过程,找到属于自己的答案。

 

H5案例 

 

答题测试H5 

 

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

 

 

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



联系QQ:2899301896

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