藍(lán)橙互動精選H5案例合集第三期來了，一起來體驗一下各種不同的H5，尋找全新的創(chuàng)意靈感吧。如果想對下面的H5案例有一個詳細(xì)的了解，可以在線咨詢我們藍(lán)橙互動。好了，話不多說，大家接著往下看吧！

案例名稱：耳朵里的小怪獸

案例品牌：QQ音樂

QQ音樂給人們帶來美好聆聽體驗，同時也關(guān)注著有聽力損失困擾的孩子們，本作品讓用戶了解聽力損失給孩子們帶來的影響，動動手改變他們的世界，制作公益海報，宣傳公益項目，傳播愛心力量。

開始是一小段黑白動畫，講述了一個愛找孩子麻煩的小怪獸，跟聽力受損后孩子耳中的音樂一樣不被孩子喜歡，根據(jù)提示拉動名為“制作低頻音樂”的滑竿，被滑竿橫向延伸到的區(qū)域會變成彩色，下方有制作進(jìn)度，滑竿拉完畫面完全變成彩色，用戶點擊下一步，選擇孩子們繪制的封面，內(nèi)容，和標(biāo)題，輸入名字，生成海報，包括公益宣傳官證書名稱，效果圖，參與人數(shù)，感謝語，用戶可保存海報或收聽公益專輯。

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

案例品牌：99公益日X局部氣候X騰訊新聞X騰訊公益

由于人類的濫砍濫伐，以及偷獵狀況的存在，熱帶雨林面積急劇縮小，象群也掙扎在生存的邊緣，本作品用一只天真可愛的小象被虐待和死亡的故事，引發(fā)人們的思索與共情，用弱小無辜者的被害引發(fā)人們的惻隱之心，號召更多的人宣傳象群保護(hù)公益項目，加入象群保護(hù)行動。

一個比較長的故事，詳細(xì)講述了一只可愛單純小象短暫的快樂瞬間，和痛苦的漫長生活，凄愴的背景音樂，除了短暫出現(xiàn)的綠色森林和小伙伴陪伴以外，都是暗色背景下小象的茫然行走，孤獨生活，和可憐的掙扎，以及被虐待后流著血死在了“熱帶雨林歡迎您”的招牌下，招牌上象群的微笑吟吟，與慘死的小象形成諷刺的對比，讓用戶深刻體會人類的自私給象群帶來的沉重傷害 

案例名稱：尋牛好運圖

案例品牌：人民日報新媒體X騰訊影業(yè)

點開畫卷，左滑瀏覽，找到隱藏在畫里的牛，點擊后出現(xiàn)牛的名片，包括名稱，學(xué)業(yè)牛，事業(yè)牛，運勢牛，愛情牛等，與寓意吉祥的簡短古文講解，右上角有一分鐘倒計時和已找到的牛的數(shù)量，八頭牛全部找出后，可以合成金色?？?，最后用戶在金色牛卡和八個普通?？ㄖ羞x擇一個，生成祝福海報。

橫幅作品，畫幅較長，棕黃色調(diào)為主，是傳統(tǒng)古畫的風(fēng)格。近景是年畫中的各種胖娃娃在玩耍嬉鬧，稚氣可愛福氣滿滿，遠(yuǎn)景是現(xiàn)代化建設(shè)的諸多產(chǎn)物，5G信號塔，高鐵動車，鋼索斜拉橋等，表現(xiàn)了祖國高速建設(shè)發(fā)展下的繁榮景象。

案例名稱：平安銀行2021年中報高能來襲

案例品牌：平安銀行

平安銀行2021年中財報，結(jié)合奧運會比賽項目把各財報數(shù)據(jù)動態(tài)展現(xiàn)出來，交互簡單，動效簡潔，把各個運動項目經(jīng)典動作融合其中，讓用戶在輕松中，瀏覽數(shù)據(jù)，閱讀財報。

以平安銀行的橙色為主色調(diào)，巧妙的結(jié)合了奧運會的運動項目，將業(yè)務(wù)和運動，交互和動效，完美結(jié)合。讓大家在觀賞奧運的同時，愉悅體驗品牌方的年中財報數(shù)據(jù)，動感，有趣，數(shù)據(jù)和效果，都很亮眼。

整體感覺很有意思，本來枯燥的財務(wù)數(shù)據(jù)，用體育項目、動效、簡潔的數(shù)據(jù)圖表和輕松的交互，把平安銀行的業(yè)績、增勢生動的表達(dá)了出來，不明覺厲。

案例名稱：太空跳躍

案例品牌：新華網(wǎng)X波克城市X我是航天員X太空跳躍

新華網(wǎng)與波克城市聯(lián)合出品，普及中國航天事業(yè)進(jìn)程，相關(guān)技術(shù)，以及用戶比較關(guān)心的問題答疑。用戶參與有趣的闖關(guān)H5小游戲，解鎖航天視頻，帶太空員回家。

打開作品，選擇角色，男生或女生，開始闖關(guān)，一共五關(guān)，每關(guān)開始前，會有此階段航空成績簡述，角色與此階段宇航主角對話解疑，他們分別是科學(xué)家，航天員，玉兔號，祝融號。然后開始跳躍層級接星星游戲，右方有進(jìn)度條，第三關(guān)通過后可解鎖宇航服皮膚，右上角有關(guān)卡進(jìn)度。通過五關(guān)后，總得分跳出，一段30秒的動畫視屏自動播放，內(nèi)容是宇航員飛向太空飛船，降落倉緩緩落地，四位宇航員出倉，點擊觸點生成合影海報。

系統(tǒng)的介紹了中國航天事業(yè)的發(fā)展，作品的節(jié)奏把握得很好，問答與游戲交叉進(jìn)行，時間長度的分配讓用戶玩起來既不會覺得科普太多，也不會覺得游戲太長有很難完成的壓力，最后的大合影也會有為國驕傲的親切感。

案例名稱：你可曾留意過那團(tuán)微光

案例品牌：PICC中國人民保險

中國人保“微光開啟計劃”宣傳作品，講述生活中暖心的小故事，號召用戶一起守護(hù)微光力量，助力溫暖延續(xù)。

上滑屏幕查看豎型長幅漫畫，三個小故事，分別是給女兒買了生日禮物的出租車司機(jī)爸爸為了送早產(chǎn)的孕婦去醫(yī)院而錯過了女兒生日;2020年情人節(jié)，因疫情爆發(fā)而沒能如期履行婚禮諾言的男醫(yī)生在病房給醫(yī)生女友準(zhǔn)備驚喜，兩人穿著防護(hù)服深情相擁；暴雨引發(fā)的洪水將至，一位老奶奶救助流浪貓一家，帶著它們一起上救生艇。最后是微光宣傳語，用戶輸入名字，生成參加活動海報。

案例名稱：原來，TA們也會變成小孩

案例品牌：網(wǎng)易新聞X鎂信健康

網(wǎng)易新聞與鎂信健康聯(lián)合出品，呼吁大家關(guān)注身邊的老年人，像小時候他們悉心照顧我們一樣去照顧他們，選擇生活注意事項細(xì)則，生成關(guān)愛手冊。

手繪的構(gòu)圖相同的漫畫，讓用戶體會阿爾茨海默癥老人與一些年邁老人的小孩兒化行為，理解像對待小孩兒一樣去照顧他們的呼吁。關(guān)愛手冊的制作環(huán)節(jié)，既是心意表達(dá)，也是預(yù)防指南，可以仔細(xì)學(xué)習(xí)一下，家中有老人的可以應(yīng)用到實踐中，將關(guān)愛老人的倡導(dǎo)落實到行動中，增進(jìn)親情互動，也幫助老人預(yù)防阿爾茨海默癥。 

相關(guān)閱讀：

2021最新H5案例合集（一）

2021最新H5案例合集（二）