贵宾厅(中国区)官方网站


  • H5游(yóu)戏(xì)制作
    H5游戏制作
    H5游戏制(zhì)作
    H5案例
    H5开(kāi)发
    扫一(yī)扫
    h5定制
    h5定制

    回到顶部

    精选(xuǎn)H5案例合集分(fèn)享-03期

    H5案例(lì) 2021年10月19日

    贵宾厅和蓝橙互动精选H5案例合集(jí)第(dì)三(sān)期来了,一起来体验一下各种不同的(de)H5案例,寻(xún)找全新的创意(yì)灵感吧。


    案例名称:耳朵里的小怪兽(shòu)


    案(àn)例品牌:QQ音乐


     H5案例


    QQ音乐给人们带来美好聆听(tīng)体验,同时也关注着有听力(lì)损失(shī)困(kùn)扰(rǎo)的孩(hái)子们(men),本(běn)作(zuò)品让用户了解听力(lì)损失(shī)给孩子们(men)带来的影响,动动手改(gǎi)变他们(men)的世界,制作公益海报,宣(xuān)传公益项目,传播爱心力量。

     

    开始是一小段黑白动画,讲(jiǎng)述(shù)了一个爱找孩子麻烦的小怪兽(shòu),跟听力受损后孩子耳中的音乐一样不被孩子喜欢,根据提示拉动(dòng)名为“制作低频音乐”的滑竿,被滑竿横向延伸到的区域会变成彩(cǎi)色,下方有(yǒu)制作进度(dù),滑竿拉完(wán)画(huà)面完全(quán)变成(chéng)彩色,用户点击下一(yī)步,选(xuǎn)择孩子们绘(huì)制的封(fēng)面,内容,和标题,输(shū)入(rù)名字,生成海报,包括公益(yì)宣(xuān)传官证书名称,效果图,参与人数,感谢语(yǔ),用(yòng)户(hù)可保存海(hǎi)报或收听公益专辑。


    案(àn)例名称(chēng):一只小象(xiàng)的非(fēi)正常死亡


    案例品(pǐn)牌:99公益日(rì)X局部气候X腾讯新闻X腾讯公益


     H5案例


    由于人类的滥砍滥伐,以及偷(tōu)猎状况(kuàng)的存(cún)在(zài),热带雨(yǔ)林面积急剧缩小,象群也挣(zhèng)扎在生存(cún)的(de)边缘,本作(zuò)品用一只(zhī)天真可爱的小象被虐待和死亡(wáng)的故事,引发人们的思索与共(gòng)情,用(yòng)弱小无辜者(zhě)的被害引发人们的(de)恻隐之(zhī)心(xīn),号召更多的人(rén)宣传象群保护公益(yì)项目,加入象群保护行(háng)动。


    一个比较(jiào)长(zhǎng)的故事,详(xiáng)细(xì)讲述了一只可爱单纯小(xiǎo)象短暂的快乐瞬间,和痛苦的(de)漫长生(shēng)活,凄怆的背景音乐,除(chú)了短暂出现的绿色森林和小伙伴(bàn)陪伴以外,都是(shì)暗色(sè)背景下(xià)小象的茫然行(háng)走,孤独生活(huó),和可(kě)怜的挣(zhèng)扎,以及(jí)被虐待(dài)后流着血(xuè)死(sǐ)在了“热带雨林欢迎您”的招牌下(xià),招牌上象群的微笑吟吟,与惨死的小(xiǎo)象形成讽刺的对比,让用户(hù)深刻(kè)体会人类的(de)自私给象群带来(lái)的沉重(chóng)伤害 

     

    案例名称:寻牛好运(yùn)图


    案例品牌:人民日报新(xīn)媒体X腾讯影业(yè)


     H5案(àn)例


    点开(kāi)画卷,左(zuǒ)滑浏览,找到隐藏在画里的(de)牛,点击后出(chū)现牛的名片,包括名(míng)称,学(xué)业牛,事业牛,运势牛,爱情牛(niú)等,与寓意吉祥的简(jiǎn)短古文讲(jiǎng)解,右上(shàng)角有(yǒu)一分钟倒(dǎo)计时和已找(zhǎo)到的牛的数量,八头牛全部找出后,可以合成金色牛卡,最后用户在金色牛卡和八(bā)个普通牛卡(kǎ)中选择一个,生成(chéng)祝(zhù)福海报。

     

    横幅作品,画幅较长,棕黄色调为主,是传统古画的风格。近景是年(nián)画中(zhōng)的各种胖娃娃在玩(wán)耍嬉闹(nào),稚(zhì)气可爱福气满(mǎn)满,远景是现(xiàn)代化建设的诸多产(chǎn)物,5G信号塔,高铁动车,钢索斜拉桥等,表现了(le)祖国(guó)高速建设发展(zhǎn)下的繁荣景象。


    案例名称:平安银行2021年(nián)中报高(gāo)能(néng)来袭


    案(àn)例品牌:平安银行


     H5案例


    平安银行2021年中(zhōng)财报(bào),结(jié)合奥运会比赛项目(mù)把各(gè)财(cái)报数据动(dòng)态展现出来(lái),交互简单,动效简洁,把各个(gè)运动项目(mù)经典动(dòng)作融合其(qí)中(zhōng),让用户在轻松中,浏览(lǎn)数据,阅读财报。

     

    以平安(ān)银(yín)行的橙色(sè)为主色调(diào),巧妙的(de)结合了奥运会的运动项目,将(jiāng)业务和运动,交互和动(dòng)效,完美结合。让(ràng)大家在观赏奥运的同(tóng)时(shí),愉(yú)悦体验品牌(pái)方的(de)年中财(cái)报数据(jù),动感,有趣,数据和效果,都(dōu)很亮眼。

     

    整体感觉(jiào)很有意思(sī),本(běn)来枯燥的财务数据,用体育项目、动效(xiào)、简洁(jié)的数据图表和轻(qīng)松的交互,把平安银行的业绩、增势(shì)生动(dòng)的表达(dá)了出来(lái),不明(míng)觉厉(lì)。


    案(àn)例名称:太空跳跃


    案例品牌:新华网X波(bō)克(kè)城市X我是航天员X太(tài)空跳跃


     H5案例


    新华网与波(bō)克城市联合出(chū)品(pǐn),普(pǔ)及中国航(háng)天事业进程,相关技术,以及用户(hù)比较关心的问(wèn)题答疑。用户参(cān)与有趣的小(xiǎo)游戏(xì),解锁(suǒ)航天视频,带太空(kōng)员回家(jiā)。

     

    打开作品,选择角色,男生或女(nǚ)生,开(kāi)始(shǐ)闯关,一共五关,每(měi)关开始前(qián),会有(yǒu)此阶段航空成绩(jì)简述,角(jiǎo)色(sè)与此阶段(duàn)宇航主角对话解疑,他们分别是(shì)科学家,航天员,玉兔(tù)号,祝融号(hào)。然后(hòu)开始跳跃层级接星星游戏(xì),右方有进度条,第(dì)三关(guān)通(tōng)过后可解锁宇(yǔ)航服皮肤,右上(shàng)角有关卡进度(dù)。通(tōng)过五关后,总(zǒng)得分跳出(chū),一段30秒(miǎo)的动画视屏自(zì)动播放(fàng),内容是宇(yǔ)航员飞向(xiàng)太空飞船,降(jiàng)落(luò)仓缓缓落地,四位宇航员出仓,点击触点(diǎn)生成(chéng)合(hé)影海(hǎi)报。

     

    系统的(de)介绍了中国航天(tiān)事业的(de)发展,作品(pǐn)的节奏把握得很好,问(wèn)答与游(yóu)戏(xì)交叉进行,时间(jiān)长度的分配(pèi)让用户玩起来既(jì)不会觉(jiào)得科普太多(duō),也(yě)不会觉得游戏太长(zhǎng)有很难完(wán)成的(de)压力,最(zuì)后的大合影也会有为(wéi)国骄傲的亲(qīn)切感。


    案例名(míng)称:你可曾留意过那团微光


    案例品牌(pái):PICC中(zhōng)国(guó)人民保(bǎo)险


     H5案例


    中国人保“微(wēi)光(guāng)开启计(jì)划”宣传作品,讲述生活中暖心的小故事,号召用户一起(qǐ)守护(hù)微(wēi)光(guāng)力量,助力(lì)温暖延续。

     

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


    案例(lì)名称:原来,TA们也会变成小孩


    案例品牌(pái):网(wǎng)易新闻X镁信健(jiàn)康


     H5案例


    网易(yì)新闻与镁信(xìn)健(jiàn)康联合出品,呼(hū)吁大家关注身边的老年人,像小时候他们悉心照顾我们一样去照顾(gù)他们,选择生活注意(yì)事项细则,生(shēng)成关爱手册。

     

    手绘的构图相同(tóng)的漫画(huà),让用(yòng)户体会阿尔茨海(hǎi)默症老人与一些年迈老人的小孩儿化(huà)行为(wéi),理解像对待小孩儿一样去照顾他们的呼吁。关(guān)爱手册的制作环节,既是(shì)心意表达,也(yě)是预防(fáng)指南,可以(yǐ)仔(zǎi)细学习一下,家中(zhōng)有老(lǎo)人(rén)的可以应用到实践中,将关爱老人的倡导落实到行动中,增(zēng)进亲情互动,也帮助老人预防(fáng)阿尔茨海默症(zhèng)。 




    相(xiàng)关阅读:《精选H5案例合集分享-02期


    联系QQ:2899301896

    贵宾厅和蓝橙互动(dòng)·致力(lì)于为企业(yè)提供更高(gāo)效的开发(fā)服务

    贵宾厅(中国区)官方网站

    贵宾厅(中国区)官方网站