6 7月第五周H5案例精選

「H5周報」彙集本周行業內最優秀H5案例。

想讓你的優秀H5作品出現在【H5周報】欄目里，為更多業內人士帶來創意和靈感，歡迎和微信號：FaceH5聯繫。

「Real Estate - Stained Glass」

品牌主：Real Estate

來自Wieden+Kennedy團隊的Craig Allen幫著來自美國New Jersey的獨立搖滾樂隊Real Estate搞事情：新專輯中的音樂動畫MV——《Stained Glass（彩色玻璃窗）》變身成為開放型互動音樂藝術項目。這款MV可謂另闢蹊徑，給未來MV的走勢創造新路徑，也讓風靡全球的《秘密花園》這類著色遊戲的模式有了新的形態。

進入主頁看到用簡易線條勾勒的五個含苞待放的花骨朵

GIF/301K

接下來隨著略帶復古味道的吉他聲Real Estate的五位成員從花骨朵中出現

GIF/845K

還有不同色系可供選擇

GIF/1338K

考驗你色彩搭配的時刻到了，發揮想像盡情靈性著色吧。符合歌曲名字《彩色玻璃窗》，MV中事物以線條分割成不同塊，用以塗不同色彩。動畫本身簡單還原五位樂隊成員人物形象，還加入了一些有趣的元素，例如從花骨朵中出現的成員；長了腳的樂器……

完整版著色視頻

GIF/789K

「是誰霸佔了新聞頭條119年之久」

品牌主：雷諾

神奇的故事每天都在發生，頭條不斷被刷新，記錄時刻被改寫。擁有百年歷史的雷諾，在這個走馬觀花的信息化時代，一直吸引媒體和大眾的視線，從1898年於「登上巴黎市區最陡峭高地」的賭局誕生至今，不斷創下多項世界記錄，霸佔新聞頭條119年之久，讓我們一起來欣賞這段傳奇故事：

故事背景始於1898年，三個迷人的小夥子基情滿滿決定大膽創業，並與雷諾「老爺車」之間發生的一些列故事以及雷諾車的發展及獲獎歷程，「如今，雷諾將歷代傳奇技術融入每台產品基因」。

亮黃色背景下的老舊報紙十分顯眼，同時符合雷諾誕生119年的年代感。空間中飛來的各種報紙，也符合雷諾佔據新聞頭條的特質。

GIF/294K

簡潔有趣的故事情節搭配一些動態的特效以及類似表情包的人物動圖，使單純以時間線敘述的內容豐滿起來，更有活力。

GIF/495K

動畫效果流暢，結尾處有內嵌的短片展示，帶來因激情而生的傳奇。

GIF/604K

「香港20年記事簿 | 新浪新聞」

品牌主：新浪新聞

在香港回歸20周年之際，新浪新聞推出《香港20年記事簿》的H5，按照規律的時間線，抽取了香港回歸20年以來對香港社會產生影響的12個新聞事件進行還原，以此來窺視香港社會的發展與變遷。H5首頁用極具香港地域特色的圖片+簡短文字介紹場景，然後運用了多格漫畫對每個事件進行分鏡講述，結合畫面細節的動效，跟隨手指的滑動，讓漫畫「動」起來，同時每個事件配以對應的配音，豐富了內容的層次感。黑白灰底色+一鏡到底的長卷式設計，帶來了歷史感的同時，也帶來了新的閱讀體驗。

GIF/878K

「網易20周年 - 浮生一日」

品牌主：網易

網易發展的20年也是互聯網20年的騰飛歷史，一共7306天，每一天都彌足珍貴。loading界面採用年份倒數，回憶網易一路走來的20年歲月。Loading結束後，記載了1997年到2007年中發生的18件故事，向右滑動屏幕可依次觀看。

每個人心中都有深埋心底的一天，不論是開心的還是難過的都是我們心中難以忘記的故事。這一天無法重來，但是我們可以將他記錄下來。圖文展示完畢後能撥動時間指針，停留在這20年中的任意一天，認領自己最特殊的那一天，上傳視頻，記錄下屬於你的獨家記憶。在已經被認領的日子裡，還可以看到別人的特別回憶。記錄下7306個故事後會組成一個畫面。

GIF/1170K

「每一個物品都不簡單」

品牌主：騰訊遊戲 DNF

6月24日，DNF九周年主題SHOW「歷久彌新，使徒再臨」拉開帷幕。騰訊遊戲打造H5為其造勢宣傳。

整個H5以盧克的故事貫穿始終，作為曾經的是海伯倫星球的主宰，盧克被傳送魔界後失去了力量，在被賦予第九使徒之名後，盧克一步步進行著自己的創造 計劃，建造寂靜城，不斷吸收力量，直到恢復真身。

盧克製作彈弓陪伴貝奇，與貝奇相攜前行，用真誠付出贏得親情，同樣又詮釋了製造者盧克造物不如造心的情懷。

佝僂著身軀的垂垂老者盧克釋放出龐大的能量，化身為raid形態，在硝煙中透出恐怖的威壓。整個情節引人入勝。

同時運用單指點觸和搖一搖的交互手勢與故事情節完美結合，增強了互動性和趣味性。

GIF/1346K

「召喚你的變形金剛」

品牌主：網易新聞

世界剛剛歸於平靜，宇宙大帝又發起了毀滅地球的戰爭。危機存亡之際，請你召喚出自己的變形金剛一起戰鬥吧。只要在紙上用手指畫出一輛汽車，車輪轉動5秒後爆炸，專屬變形金剛即刻破屏而出。畫出不同的汽車會召喚出不同的變形金剛。你的是暖男忠犬，人見人愛的大黃蜂，還是詐騙專家，冷血殺手的路障……？記得分享給你的好友，等他來PK。

GIF/1205K

「新聞主播放飛自我，節目現場當眾freestyle」

品牌主：騰訊動漫

最近，吳亦凡的一句『你有freestyle嗎』火爆了全網...

GIF/415K

這並不算什麼

在各種freestyle風起雲湧起來，

一段燒的厲害的freestyle

宣告暑假徹底來了！該回家看動漫了。

H5在朋友圈的情景模擬下，以播報新聞的形式加魔性的freestyle說唱來說明騰訊動漫免費看、日日更、天天看的特色。

盛夏嗨更季，企鵝娘已經迫不及待了 大家一起來玩啊 !

GIF/463K

「一口氣看盡職場套路」

品牌主：湯臣倍健

又一波年輕人被湯臣倍健蛋白粉圈粉了，這是為什麼?

湯臣倍健推出「一口氣看盡職場套路」病毒H5，故事從加班套路說起，熟悉的深夜加班場面和朋友圈毒雞湯，親切感倍增，激發白領、年輕人的情感共鳴。最後引出湯臣倍健全無違和感，反正逃不過加班，來幹了這碗蛋白粉。

這款H5貼近白領的日常辦公室，採用新穎的畫中畫形式，帶人直面現實，道出白領心聲。

幹了很多碗毒雞湯，還是學不會混職場，湯臣倍健的切入角度很戳心有沒有

GIF/536K

「這7個演員，唱出了我們自己」

品牌主：豌豆莢

豌豆莢在7周年之際開了全球第一場app舞台劇--抱緊我的小手機，點擊檢票入場觀看吧。C4D渲染出三維空間，拉開帷幕，表演者有：淘寶，嘀嘀打車，王者榮耀，高德地圖 ......豌豆莢！有好多！好應用!嘿！

app圖標扭動著他們傲人的身姿用歌劇的形式介紹自己的用處、展示出那些年，帶給我們的美好回憶。魔性洗腦的神曲唱出app的心聲，貼近生活，可謂是一場精彩絕倫的演出。同時，豌豆莢還打造了一個線下創意館，寫下你的故事還有機會贏取手機。

GIF/822K

「一汽馬自達：CX-高能畢業季」

品牌主：一汽馬自達

王大陸、張一山、董子健、劉昊然、王俊凱五位少年又雙叒一次高能集結。

在神秘的高能星球CX-4接到代號為W的集結人物，玩家需要闖過5道關卡，通過重重試煉，將五位高能少年成功集結，才能順利畢業，之後曬出你的態度，並上傳照片，便可生成畢業證。

整體採用插畫的設計風格，將藍色作為主色調，黃色作為輔色調，色彩比較厚重濃郁，另外裡面的動畫整體節奏比較快，給人以熱血沸騰、激動人心的感覺。加之激昂的背景音樂讓簡單的呈現方式顯得不簡單。

GIF/597K

···················· END ····················

專註數字營銷 盡享創意饕餮

- FaceH5 -

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！