2021最新H5案例合集（三）

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

案例名称：耳朵里的小怪兽

案例品牌：QQ音乐

QQ音乐给人们带来美好聆听体验，同时也关注着有听力损失困扰的孩子们，本作品让用户了解听力损失给孩子们带来的影响，动动手改变他们的世界，制作公益海报，宣传公益项目，传播爱心力量。

开始是一小段黑白动画，讲述了一个爱找孩子麻烦的小怪兽，跟听力受损后孩子耳中的音乐一样不被孩子喜欢，根据提示拉动名为“制作低频音乐”的滑竿，被滑竿横向延伸到的区域会变成彩色，下方有制作进度，滑竿拉完画面完全变成彩色，用户点击下一步，选择孩子们绘制的封面，内容，和标题，输入名字，生成海报，包括公益宣传官证书名称，效果图，参与人数，感谢语，用户可保存海报或收听公益专辑。

案例名称：一只小象的非正常死亡

案例品牌：99公益日X局部气候X腾讯新闻X腾讯公益

由于人类的滥砍滥伐，以及偷猎状况的存在，热带雨林面积急剧缩小，象群也挣扎在生存的边缘，本作品用一只天真可爱的小象被虐待和死亡的故事，引发人们的思索与共情，用弱小无辜者的被害引发人们的恻隐之心，号召更多的人宣传象群保护公益项目，加入象群保护行动。

一个比较长的故事，详细讲述了一只可爱单纯小象短暂的快乐瞬间，和痛苦的漫长生活，凄怆的背景音乐，除了短暂出现的绿色森林和小伙伴陪伴以外，都是暗色背景下小象的茫然行走，孤独生活，和可怜的挣扎，以及被虐待后流着血死在了“热带雨林欢迎您”的招牌下，招牌上象群的微笑吟吟，与惨死的小象形成讽刺的对比，让用户深刻体会人类的自私给象群带来的沉重伤害 

案例名称：寻牛好运图

案例品牌：人民日报新媒体X腾讯影业

点开画卷，左滑浏览，找到隐藏在画里的牛，点击后出现牛的名片，包括名称，学业牛，事业牛，运势牛，爱情牛等，与寓意吉祥的简短古文讲解，右上角有一分钟倒计时和已找到的牛的数量，八头牛全部找出后，可以合成金色牛卡，最后用户在金色牛卡和八个普通牛卡中选择一个，生成祝福海报。

横幅作品，画幅较长，棕黄色调为主，是传统古画的风格。近景是年画中的各种胖娃娃在玩耍嬉闹，稚气可爱福气满满，远景是现代化建设的诸多产物，5G信号塔，高铁动车，钢索斜拉桥等，表现了祖国高速建设发展下的繁荣景象。

案例名称：平安银行2021年中报高能来袭

案例品牌：平安银行

平安银行2021年中财报，结合奥运会比赛项目把各财报数据动态展现出来，交互简单，动效简洁，把各个运动项目经典动作融合其中，让用户在轻松中，浏览数据，阅读财报。

以平安银行的橙色为主色调，巧妙的结合了奥运会的运动项目，将业务和运动，交互和动效，完美结合。让大家在观赏奥运的同时，愉悦体验品牌方的年中财报数据，动感，有趣，数据和效果，都很亮眼。

整体感觉很有意思，本来枯燥的财务数据，用体育项目、动效、简洁的数据图表和轻松的交互，把平安银行的业绩、增势生动的表达了出来，不明觉厉。

案例名称：太空跳跃

案例品牌：新华网X波克城市X我是航天员X太空跳跃

新华网与波克城市联合出品，普及中国航天事业进程，相关技术，以及用户比较关心的问题答疑。用户参与有趣的闯关H5小游戏，解锁航天视频，带太空员回家。

打开作品，选择角色，男生或女生，开始闯关，一共五关，每关开始前，会有此阶段航空成绩简述，角色与此阶段宇航主角对话解疑，他们分别是科学家，航天员，玉兔号，祝融号。然后开始跳跃层级接星星游戏，右方有进度条，第三关通过后可解锁宇航服皮肤，右上角有关卡进度。通过五关后，总得分跳出，一段30秒的动画视屏自动播放，内容是宇航员飞向太空飞船，降落仓缓缓落地，四位宇航员出仓，点击触点生成合影海报。

系统的介绍了中国航天事业的发展，作品的节奏把握得很好，问答与游戏交叉进行，时间长度的分配让用户玩起来既不会觉得科普太多，也不会觉得游戏太长有很难完成的压力，最后的大合影也会有为国骄傲的亲切感。

案例名称：你可曾留意过那团微光

案例品牌：PICC中国人民保险

中国人保“微光开启计划”宣传作品，讲述生活中暖心的小故事，号召用户一起守护微光力量，助力温暖延续。

上滑屏幕查看竖型长幅漫画，三个小故事，分别是给女儿买了生日礼物的出租车司机爸爸为了送早产的孕妇去医院而错过了女儿生日;2020年情人节，因疫情爆发而没能如期履行婚礼诺言的男医生在病房给医生女友准备惊喜，两人穿着防护服深情相拥；暴雨引发的洪水将至，一位老奶奶救助流浪猫一家，带着它们一起上救生艇。最后是微光宣传语，用户输入名字，生成参加活动海报。

案例名称：原来，TA们也会变成小孩

案例品牌：网易新闻X镁信健康

网易新闻与镁信健康联合出品，呼吁大家关注身边的老年人，像小时候他们悉心照顾我们一样去照顾他们，选择生活注意事项细则，生成关爱手册。

手绘的构图相同的漫画，让用户体会阿尔茨海默症老人与一些年迈老人的小孩儿化行为，理解像对待小孩儿一样去照顾他们的呼吁。关爱手册的制作环节，既是心意表达，也是预防指南，可以仔细学习一下，家中有老人的可以应用到实践中，将关爱老人的倡导落实到行动中，增进亲情互动，也帮助老人预防阿尔茨海默症。 

相关阅读：

2021最新H5案例合集（一）

2021最新H5案例合集（二）