精选H5案例合集分享-03期
qy千亿和蓝橙互动精选H5案例(lì)合集第(dì)三期来(lái)了,一起来(lái)体(tǐ)验一下各(gè)种不同(tóng)的H5案(àn)例,寻找全新的(de)创意灵感吧。
案例名称(chēng):耳朵里的小怪兽
案例(lì)品牌:QQ音乐
QQ音乐给人们带来美好聆听体验,同时也关注着有听力损失困扰的孩(hái)子们,本作品让用户了解听(tīng)力损失给(gěi)孩子们带来的(de)影响,动动手改变他们的世界,制作公益海报,宣传公益项目,传播爱心力(lì)量。
开始是(shì)一小段黑白(bái)动画,讲(jiǎng)述了一个爱找孩子麻烦的(de)小怪兽,跟听力受损后孩子耳中的音乐(lè)一样不被孩子(zǐ)喜欢,根据提(tí)示拉(lā)动名为“制(zhì)作低频音乐”的滑竿(gān),被滑竿横向延伸到的区域会变成彩色,下方有制作进(jìn)度,滑竿拉完画面完全变成彩色,用户点(diǎn)击下(xià)一步(bù),选(xuǎn)择孩子们(men)绘制(zhì)的封面,内容,和标题,输入名字,生成海报,包(bāo)括(kuò)公益宣(xuān)传官证书名称,效果图,参与人数(shù),感谢(xiè)语,用户可保存(cún)海报或收听公益专辑。
案例名称(chēng):一只小象的非正常死亡
案例品牌:99公(gōng)益(yì)日X局部气候X腾讯新闻X腾讯公益(yì)
由于人类的滥砍滥(làn)伐,以及偷猎状况的存(cún)在,热(rè)带雨(yǔ)林面积(jī)急(jí)剧缩小,象群也挣(zhèng)扎在生(shēng)存的边缘,本作品用(yòng)一只天真可爱的小象被虐待(dài)和死(sǐ)亡的(de)故事,引发人们的思索与共情(qíng),用弱小无辜者的被害(hài)引发人们(men)的恻隐之心,号召更多的人宣传象群保(bǎo)护公益(yì)项目,加(jiā)入象群保护行动。
一(yī)个比较长的(de)故事,详细(xì)讲述(shù)了一只可爱单纯小象短暂的快(kuài)乐瞬间,和痛苦的漫长生活,凄怆的背景音(yīn)乐,除了短暂出现的绿(lǜ)色森林和小伙伴陪伴以外,都是暗色背景下小象的茫然行走,孤独(dú)生活(huó),和可怜的挣扎,以及(jí)被虐待后(hòu)流着血死在了“热带雨林欢迎您”的招(zhāo)牌(pái)下(xià),招牌上象群的微笑吟吟(yín),与惨死的小象(xiàng)形成讽(fěng)刺的对比,让用户深刻体会人类的自(zì)私给(gěi)象群带来的沉重伤(shāng)害
案例名称(chēng):寻(xún)牛好运图
案例品牌:人民日报新(xīn)媒体X腾讯影业
点(diǎn)开画(huà)卷,左(zuǒ)滑浏览,找到隐(yǐn)藏在画里的牛,点击后出现牛的名片,包括名称,学(xué)业牛,事业(yè)牛,运势(shì)牛,爱情牛等,与寓意吉祥的(de)简短古文讲(jiǎng)解,右上角有一分钟倒计时和已找到的牛的数量,八头牛(niú)全部找出后(hòu),可以合(hé)成金色牛卡,最(zuì)后(hòu)用户在金色牛(niú)卡和八个普(pǔ)通牛(niú)卡中选择一个,生成(chéng)祝福(fú)海报。
横(héng)幅作品,画幅较长,棕(zōng)黄色调(diào)为(wéi)主,是传统(tǒng)古(gǔ)画的(de)风格。近(jìn)景是年画中的(de)各种胖娃(wá)娃在玩耍嬉闹,稚气可爱福(fú)气满(mǎn)满(mǎn),远景是现代化建设的诸多产物,5G信号塔,高铁动车(chē),钢索斜拉(lā)桥等,表现了祖(zǔ)国高(gāo)速建设发展下(xià)的繁荣景象。
案例名称:平安(ān)银行(háng)2021年中(zhōng)报高(gāo)能来袭(xí)
案例品牌:平安(ān)银行
平安银行2021年(nián)中财(cái)报,结(jié)合(hé)奥(ào)运(yùn)会比(bǐ)赛项目把各财报(bào)数据(jù)动态展现(xiàn)出来,交互(hù)简单,动效简洁,把各个运动项目经典动作(zuò)融合其中(zhōng),让用户(hù)在轻松中,浏览数据,阅读财报(bào)。
以(yǐ)平安银行的橙色为主色调,巧(qiǎo)妙的结(jié)合了奥运会(huì)的运动项(xiàng)目,将业务和运(yùn)动,交互和动(dòng)效,完美(měi)结合。让大家在观赏奥运(yùn)的同时,愉悦体验品牌方的年中财报数据,动感,有趣,数据(jù)和效果,都很亮眼。
整体感(gǎn)觉很有(yǒu)意思,本来枯燥的(de)财务数据,用体育项目(mù)、动效(xiào)、简洁的(de)数(shù)据(jù)图表和(hé)轻松的交互,把平安银行的业绩、增势生动的表达了(le)出来,不明觉(jiào)厉。
案例名称:太空(kōng)跳跃
案(àn)例品牌:新华网X波克城市X我是航天(tiān)员(yuán)X太空跳跃
新华网与波克城市联(lián)合出品,普(pǔ)及中(zhōng)国航天事业进程,相关技术,以及用户比较关心的(de)问(wèn)题答疑。用户参与有趣的小(xiǎo)游戏(xì),解锁航天视频,带(dài)太空员回(huí)家。
打(dǎ)开作品,选择角色(sè),男生或女生,开始闯关,一共五关,每关开始前(qián),会有此阶(jiē)段(duàn)航空成绩(jì)简述,角色(sè)与此阶段宇(yǔ)航主角对话解(jiě)疑,他们分别是(shì)科学家(jiā),航天员,玉兔(tù)号,祝融号。然后开始跳(tiào)跃层级(jí)接星星游戏,右方(fāng)有进度条(tiáo),第三(sān)关通(tōng)过(guò)后可解锁宇航服皮肤(fū),右上角有关卡进度。通过五(wǔ)关后,总得(dé)分跳出,一段30秒(miǎo)的动(dòng)画(huà)视屏自动播(bō)放,内容是宇航(háng)员飞向(xiàng)太空飞船,降落仓缓(huǎn)缓(huǎn)落地,四位宇航员出仓,点(diǎn)击触点生成合影海报。
系统的介绍了中(zhōng)国(guó)航天事业的发(fā)展,作品(pǐn)的节(jiē)奏把(bǎ)握得很(hěn)好,问答与游戏交叉进行,时间长(zhǎng)度的分配让用户玩起来既不会(huì)觉得科(kē)普(pǔ)太多(duō),也不会(huì)觉(jiào)得游戏太长有(yǒu)很难完成的压力,最后(hòu)的大合(hé)影也会有为国骄傲的亲切感。
案(àn)例名称(chēng):你可(kě)曾留意过那团微光
案例品牌:PICC中国人民保险
中(zhōng)国(guó)人保“微(wēi)光开启计划”宣传作品,讲述生活中暖心的小故(gù)事,号召用户(hù)一起(qǐ)守护微光力(lì)量,助力温暖延续。
上(shàng)滑屏幕查看竖(shù)型长幅漫画,三(sān)个小故事,分别是给(gěi)女儿买了生(shēng)日礼物(wù)的出租车司机爸爸为(wéi)了(le)送(sòng)早产的孕妇去医院而错过(guò)了女儿(ér)生日;2020年情人节,因疫情(qíng)爆发(fā)而没能(néng)如(rú)期履行(háng)婚礼(lǐ)诺言的男医生在病房给医生女友准备惊喜,两人穿着防护服深情(qíng)相(xiàng)拥;暴雨引发的洪水将至,一位老奶(nǎi)奶救助流浪猫(māo)一家,带着它们一(yī)起上救(jiù)生艇。最后(hòu)是微光(guāng)宣传语(yǔ),用(yòng)户输入(rù)名字,生成(chéng)参加(jiā)活动海报。
案例(lì)名称(chēng):原来,TA们也会变成小孩(hái)
案例品牌:网易新闻X镁(měi)信健康(kāng)
网易新(xīn)闻与镁信健康联合出品,呼吁大家关注身(shēn)边的(de)老年人(rén),像(xiàng)小时(shí)候他(tā)们悉心(xīn)照(zhào)顾我(wǒ)们一样(yàng)去(qù)照顾他们,选(xuǎn)择生(shēng)活注意事项(xiàng)细则(zé),生成关(guān)爱手(shǒu)册。
手绘的构(gòu)图(tú)相同的(de)漫画,让用户体会阿尔茨海默症老(lǎo)人与一些(xiē)年迈老人的小孩儿(ér)化行为,理(lǐ)解像对待小孩儿一样去照顾他们的呼吁。关爱手册的制作环节(jiē),既是心意表达(dá),也是预防指南,可以仔细学习一下,家中有老人的可以应用到实践中,将(jiāng)关(guān)爱(ài)老人的倡导落实到行动(dòng)中,增进亲情(qíng)互动,也帮助老人预防(fáng)阿尔(ěr)茨海默症。
相(xiàng)关阅读:《精选H5案例合集分享-02期》
联(lián)系QQ:2899301896
qy千亿和蓝橙(chéng)互动·致力于为企业提供更高效的开发服务