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