华亿平台_华亿(中国)





    H5游戏制作
    H5游戏制作(zuò)
    H5游(yóu)戏制作
    H5案(àn)例
    H5开发
    扫一扫
    h5定(dìng)制
    h5定制

    回到顶部

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

    H5案(àn)例 2021年(nián)10月19日

    华亿平台_华亿和蓝橙互动(dòng)精选H5案例合集第三期来(lái)了,一起来体验一下各种不(bú)同的H5案例,寻(xún)找全新(xīn)的创意(yì)灵(líng)感吧。


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


    案例(lì)品牌:QQ音(yīn)乐


     H5案例(lì)


    QQ音乐给人们带(dài)来(lái)美(měi)好聆听体验,同时也关注(zhù)着(zhe)有听力损失困(kùn)扰的孩子们,本作品让用户(hù)了(le)解(jiě)听力(lì)损失给孩子(zǐ)们(men)带(dài)来的影响,动动手改变他们的世界,制作公益海报,宣传公益项目(mù),传播爱心力量。

     

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


    案例名(míng)称:一只小(xiǎo)象的非正常死亡


    案例品牌:99公益(yì)日X局(jú)部气候X腾讯新闻X腾(téng)讯公(gōng)益


     H5案例


    由(yóu)于人类(lèi)的滥(làn)砍滥伐,以及偷猎状况的(de)存在,热带雨林面积急剧缩小(xiǎo),象群也挣扎在生存的边缘,本作品用(yòng)一只天真可爱的小象被虐待(dài)和死(sǐ)亡的故事,引发人们(men)的思索与共情,用弱小无辜者的被害引发(fā)人们的恻隐之心,号(hào)召(zhào)更(gèng)多的人宣传象群保护公益项目,加入象群保护行动。


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

     

    案例名称:寻牛好运图


    案(àn)例品(pǐn)牌:人(rén)民日报新媒体X腾讯影(yǐng)业(yè)


     H5案例


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

     

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


    案例名称:平安银(yín)行2021年中报高能来(lái)袭


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


     H5案例


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

     

    以(yǐ)平安银行的橙色为主色调,巧妙的(de)结合了奥运会的(de)运动项目,将业务和(hé)运动,交互和动效,完美结(jié)合。让大家在观赏奥运的同时,愉(yú)悦体验(yàn)品牌方的年中财报数据,动(dòng)感(gǎn),有(yǒu)趣,数据(jù)和效果(guǒ),都(dōu)很亮眼(yǎn)。

     

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


    案例名称:太空跳跃


    案例(lì)品牌:新华网(wǎng)X波克城市X我是航天员X太空跳跃


     H5案(àn)例(lì)


    新华网与(yǔ)波克城市联合出品,普及(jí)中国航天(tiān)事(shì)业进程(chéng),相(xiàng)关技(jì)术(shù),以(yǐ)及用户比(bǐ)较关心的问题答疑。用户参与(yǔ)有趣的小(xiǎo)游(yóu)戏(xì),解锁(suǒ)航天视频,带太空员回家。

     

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

     

    系统的介绍(shào)了中国航天事业的发(fā)展,作品的(de)节奏(zòu)把握得很好,问答与游戏交叉进(jìn)行,时间(jiān)长度(dù)的分配让用户玩(wán)起(qǐ)来既不会(huì)觉(jiào)得科普(pǔ)太多,也不(bú)会觉得(dé)游戏太长有很难完成的压力,最后(hòu)的(de)大合(hé)影也(yě)会(huì)有(yǒu)为国骄傲的亲切感。


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


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


     H5案例


    中国人保(bǎo)“微光(guāng)开启(qǐ)计(jì)划”宣传(chuán)作品,讲述生活(huó)中(zhōng)暖心的小(xiǎo)故(gù)事,号召用户一起(qǐ)守护微光(guāng)力量,助力(lì)温暖延续(xù)。

     

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


    案(àn)例名称:原来,TA们(men)也会变(biàn)成小孩(hái)


    案例品牌:网易新(xīn)闻X镁信健康


     H5案例


    网易(yì)新闻与镁(měi)信健康(kāng)联合出品,呼吁大家关(guān)注身边的老年人,像小时候他们悉心照(zhào)顾我们一样去照顾他们,选择生活注意事项细则,生成关爱手册(cè)。

     

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




    相关阅读:《精选H5案例(lì)合集分享-02期(qī)


    联系QQ:2899301896

    蓝(lán)橙互动·致力于为(wéi)企业提(tí)供更高效的开发服务

    华亿平台_华亿(中国)

    华亿平台_华亿(中国)