2021最新H5案例合集（三）

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

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

案例品牌：QQ音樂

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

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

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

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

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

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

案例名稱：尋牛好運圖

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

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

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

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

案例品牌：平安銀行

平安銀行2021年中財報，結合奧運會比賽項目把各財報數據動態展現出來，交互簡單，動效簡潔，把各個運動項目經典動作融合其中，讓用戶在輕松中，瀏覽數據，閱讀財報。

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

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

案例名稱：太空跳躍

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

新華網與波克城市聯合出品，普及中國航天事業進程，相關技術，以及用戶比較關心的問題答疑。用戶參與有趣的闖關H5小游戲，解鎖航天視頻，帶太空員回家。

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

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

案例名稱：你可曾留意過那團微光

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

中國人?！拔⒐忾_啟計劃”宣傳作品，講述生活中暖心的小故事，號召用戶一起守護微光力量，助力溫暖延續。

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

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

案例品牌：網易新聞X鎂信健康

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

手繪的構圖相同的漫畫，讓用戶體會阿爾茨海默癥老人與一些年邁老人的小孩兒化行為，理解像對待小孩兒一樣去照顧他們的呼吁。關愛手冊的制作環節，既是心意表達，也是預防指南，可以仔細學習一下，家中有老人的可以應用到實踐中，將關愛老人的倡導落實到行動中，增進親情互動，也幫助老人預防阿爾茨海默癥。 

相關閱讀：

2021最新H5案例合集（一）

2021最新H5案例合集（二）