2016年終盤點(diǎn)：10個(gè)最牛的H5營(yíng)銷案例

時(shí)間：2022-02-26 06:40:02 | 來(lái)源：網(wǎng)絡(luò)營(yíng)銷

時(shí)間：2022-02-26 06:40:02 來(lái)源：網(wǎng)絡(luò)營(yíng)銷

這年頭，沒做過(guò)H5頁(yè)面都不好意思說(shuō)自己是營(yíng)銷人。其實(shí)，H5動(dòng)態(tài)頁(yè)面這種傳播形式，從初生算起也不過(guò)2年時(shí)間，其中經(jīng)歷過(guò)不被看好、備受追捧到抄襲盛行，以廣告營(yíng)銷的層面來(lái)看，今年出現(xiàn)的H5作品中，一方面有某種表現(xiàn)形式（說(shuō)唱、穿越、模擬微信）泛濫的行業(yè)狀況，一方面又不時(shí)有創(chuàng)意上驚艷的H5刷爆朋友圈。

“快點(diǎn)”作為聚合和推薦H5案例的平臺(tái)，在我們今年收到的海量案例中，綜合了H5作品在創(chuàng)意性、傳播度、設(shè)計(jì)制作水平和品牌結(jié)合度這四方面成功因素，特別選出10個(gè)曾在“快點(diǎn)”上推出的精彩案例（排名不分先后）。

1. 《該新聞已被BMW快速刪除》

今年上半年能夠達(dá)到病毒式傳播的神級(jí)案例首推寶馬的這支H5（77分鐘內(nèi)便獲得了10w＋的閱讀量），先模擬一則新聞頁(yè)面，當(dāng)用戶點(diǎn)擊后，新聞網(wǎng)頁(yè)像紙一樣被BMW M2跑車劃破，接著視頻新聞、朋友圈和音樂播放器都被它呼嘯碾過(guò)，視覺、節(jié)奏和音效都堪稱大片級(jí)效果，極具沖擊力。別以為這就完了，最后BMW M2給了你兩個(gè)選項(xiàng)，當(dāng)你選擇“一睹鋒芒”時(shí)，另一段以視頻為主的精彩H5再次驚艷你的眼球：超模Gigi上了5輛中的其中一輛BMW M2，跟上她的速度了嗎？猜一下她到底上了哪輛車。

這支H5從吊人胃口的標(biāo)題到無(wú)法預(yù)知的內(nèi)容再到猜題環(huán)節(jié)都突破了大多數(shù)人所熟知H5套路，雖然視頻中這樣的高燃節(jié)奏在汽車廣告中常見，但對(duì)于手機(jī)端用戶是種十分新鮮刺激的體驗(yàn)。




品 牌 主：寶馬

制作單位：前線網(wǎng)絡(luò)（Front Networks）

創(chuàng)意性 ：★★★★★

傳播度： ★★★★★

設(shè)計(jì)制作水平： ★★★★★

品牌結(jié)合度： ★★★★★

2.《穿越宇宙的一封雙11邀請(qǐng)函》

“雙11”漸漸以“購(gòu)物狂歡節(jié)”的主題成了天貓獨(dú)家IP，在這一網(wǎng)民狂歡的特定日子里，今年天貓的創(chuàng)意更加大膽，在硬廣、視頻、新媒體等各個(gè)營(yíng)銷層面推出了不少令人耳目一新的作品，其中就包括這支在雙11期間一炮打響的H5，這何止是一個(gè)動(dòng)態(tài)頁(yè)面，簡(jiǎn)直就是打造了一個(gè)全球品牌肆意狂歡的舞臺(tái)！

當(dāng)然，要從創(chuàng)意、設(shè)計(jì)到技術(shù)都能做得如此完美，又要兼顧流暢的用戶體驗(yàn)，代價(jià)也是高昂的，過(guò)百萬(wàn)的制作成本令很多品牌主望塵莫及。我們只能期待明年還有如此般舍得在資金、創(chuàng)意和制作全方面投入的作品震撼我們的眼球。（有興趣的朋友可以看看他們的幕后制作視頻）

品牌主：天貓

制作單位：VML

創(chuàng)意性：★★★★?

傳播度 ：★★★★★

設(shè)計(jì)制作水平： ★★★★★

品牌結(jié)合度 ：★★★★★

3.《穿越故宮來(lái)看你》

新媒體界大咖“故宮淘寶”憑借腦洞和賣萌神技，這兩年成功吸引了一批年輕的忠實(shí)粉絲。要將賣萌進(jìn)行到底的故宮今年繼續(xù)顛覆傳統(tǒng)文化給人的古板印象。

別告訴你還沒看過(guò)這支H5，小編第一次看時(shí)就中了毒，到目前為止也就刷了幾十遍吧。而它在“快點(diǎn)”的熱度排行榜上也一直霸占著榜首。

這個(gè)今年7月刷爆你朋友圈的案例是為推廣騰訊NEXTIDEA創(chuàng)新大賽而制作，古人穿越回現(xiàn)代的梗兒并不新鮮，但它卻因一氣呵成的畫面切換和說(shuō)唱配樂具備了相當(dāng)?shù)南茨X功力，現(xiàn)象級(jí)的刷屏擴(kuò)散已經(jīng)超越了其本身的傳播目的，并由此引發(fā)了H5界下半年一股古人穿越說(shuō)唱風(fēng)潮（估計(jì)明年還將持續(xù)不衰）。

品牌主：騰訊Tgideas

制作單位：深圳青木treedom

創(chuàng)意性 ：★★★★★

傳播度 ：★★★★★

設(shè)計(jì)制作水平：★★★★★

品牌結(jié)合度 ：★★★★?

4.《薛之謙2個(gè)月沒寫微博段子， 結(jié)果憋了個(gè)大招...》

看過(guò)寶馬被刪除的新聞、穿越到現(xiàn)代的朱元璋、天貓的宇宙邀請(qǐng)函后，本以為今年的H5不過(guò)爾爾了，騰訊互娛就放了個(gè)大招。11月某一晚，你猝不及防被它刷屏，當(dāng)你點(diǎn)進(jìn)去看后就會(huì)明白大家為何不約而同地轉(zhuǎn)發(fā)，然后你也自主轉(zhuǎn)發(fā)了出去。

好的H5或者說(shuō)現(xiàn)象級(jí)的H5就是有這種魔力。騰訊在H5制作方面一直是業(yè)內(nèi)佼佼者，為推廣騰訊動(dòng)漫App，這次更是找準(zhǔn)了二次元這個(gè)IP，從代言人的選擇到畫面風(fēng)格，從基腐文化再到彈幕元素，連連驚喜無(wú)一不讓大家拍手叫好。品牌結(jié)合度也堪稱完美，避免了看完后一陣叫好卻忘了是為了推廣什么的尷尬，唯一問(wèn)題可能就是——有點(diǎn)長(zhǎng)。

品牌主：騰訊動(dòng)漫

制作單位：騰訊互娛

創(chuàng)意性： ★★★★★

傳播度 ：★★★★★

設(shè)計(jì)制作水平：★★★★★

品牌結(jié)合度： ★★★★★

5.《Dopemine：THE SAVE 活口》

《活口》是本次榜單中的一個(gè)另類，因?yàn)?，它并非為營(yíng)銷而生。

《活口》為正在興起的密室類H5做了一個(gè)典范，在環(huán)節(jié)設(shè)計(jì)和游戲難度上都花了很多心思，效果也很贊，懸疑氛圍的營(yíng)造和故事構(gòu)造上有些向香港警匪片靠攏，如果你花時(shí)間花心思并且花了1塊錢玩到了最后會(huì)恍然大悟：這原來(lái)不是一個(gè)為推廣某品牌而策劃的情景小游戲，游戲本身就是他們要推廣的內(nèi)容。

幕后團(tuán)隊(duì)dopemine的創(chuàng)作宗旨是“連接人們的快樂，使人感到興奮”，這個(gè)作品很好的貫徹了這個(gè)精神。只是一來(lái)它黑暗的氛圍和較高的游戲難度削弱了它的傳播力度，二來(lái)不知道如此高投入的H5（內(nèi)置視頻高達(dá)30支）能否像他們預(yù)想的那樣還有資金制作續(xù)集。

制作單位：dopemine

創(chuàng)意性 ：★★★★★

傳播度：★★★??

設(shè)計(jì)制作水平：★★★★★

品牌結(jié)合度 ：★★★??

6.《豆瓣，我的精神角落》

豆瓣出品的這個(gè)H5很好的詮釋了一個(gè)問(wèn)題：豆瓣是什么？

首先它拋棄了大多數(shù)H5在節(jié)奏和音樂上所追求的動(dòng)感和快節(jié)奏，在這支H5所打造的想象空間里，文案和音樂特意營(yíng)造了一種慢生活的氛圍。把人類感官系統(tǒng)的五部分“眼睛”、“耳朵”、“鼻子”、“嘴巴”和“大腦”設(shè)計(jì)成一個(gè)5個(gè)小密室，當(dāng)你進(jìn)入每個(gè)密室后，點(diǎn)擊物件尋找線索，最終拿到豆子即代表闖關(guān)成功。

該H5不止設(shè)計(jì)了一個(gè)好玩的游戲，也非常走心地傳播了豆瓣“小眾”、“文藝青年精神凈土”的品牌定位，比較被人詬病的問(wèn)題就是氣質(zhì)太高冷了。

品牌主：豆瓣網(wǎng)

制作單位： Wer

創(chuàng)意性： ★★★★★

傳播度：★★★★?

設(shè)計(jì)制作水平：★★★★★

品牌結(jié)合度 ：★★★★★

7. 《姐妹花的煩惱》

從日常用品到房?jī)r(jià)，這支H5找到一個(gè)很好的能引起大眾共鳴的點(diǎn)——吐槽物價(jià)高，特別是與現(xiàn)在的電商比，實(shí)體店的物價(jià)顯得越來(lái)越?jīng)]競(jìng)爭(zhēng)力。在表現(xiàn)形式上機(jī)智地拿人民幣開玩笑，角色直接取自于一元紙幣上的少數(shù)民族形象，姐妹倆的對(duì)話也設(shè)計(jì)地十分有冷幽默效果，最后告訴你：哦，原來(lái)是一號(hào)店的促銷活動(dòng)。

品牌主：1號(hào)店

制作單位： 魚臉互動(dòng)

創(chuàng)意性：★★★★★

傳播度：★★★★★

設(shè)計(jì)制作水平：★★★★★

品牌結(jié)合度 ：★★★★?

8. 《一杯咖啡遇見有意思的人》

當(dāng)你一個(gè)人走進(jìn)咖啡館時(shí)，是否想過(guò)找個(gè)陌生人來(lái)聊聊天。這支H5就模擬了這樣一種情境。

與許多全程都在賣關(guān)子直到最后才揭曉產(chǎn)品是誰(shuí)的H5不同，藍(lán)標(biāo)數(shù)字制作的這支H5一上來(lái)就告訴你這是雀巢的廣告，且無(wú)處不在的“雀巢咖啡”把品牌直接植入了你腦海，不過(guò)高明的地方在于即使有如此強(qiáng)硬的廣告信息卻也并不招人反感，因?yàn)樗軌蜃龅阶屇阍谟休^強(qiáng)參與感的同時(shí)內(nèi)心得到了某些收獲。

點(diǎn)擊進(jìn)入后你首先選擇一個(gè)你感興趣的話題，領(lǐng)取咖啡后進(jìn)入咖啡館，咖啡館的設(shè)計(jì)也用到了今年最流行的全景環(huán)境體驗(yàn)。這時(shí)候你就可以選擇一個(gè)人坐下來(lái)聊天。你選對(duì)了人，對(duì)方就會(huì)傳來(lái)一段語(yǔ)音。究竟是誰(shuí)說(shuō)了什么，一起來(lái)感受一下吧！

品牌主：雀巢咖啡

制作單位： 藍(lán)色光標(biāo)數(shù)字營(yíng)銷機(jī)構(gòu)

創(chuàng)意性：★★★★★

傳播度：★★★??

設(shè)計(jì)制作水平：★★★★?

品牌結(jié)合度 ：★★★★★

9.《藍(lán)標(biāo)帶你重返20歲》

藍(lán)色光標(biāo)為慶祝20周年推出的大數(shù)據(jù)類H5，頁(yè)面清新加載流暢。它的特別之處在于與許多一味凸顯企業(yè)成就的宣傳頁(yè)面不同，藍(lán)標(biāo)的這支H5只是簡(jiǎn)單回顧了自身的發(fā)展史，而把重頭戲放在了藍(lán)標(biāo)員工上：比如最受藍(lán)標(biāo)人歡迎的餐廳、過(guò)去一年藍(lán)標(biāo)人共寄出了多少快遞、哪所學(xué)校畢業(yè)的藍(lán)標(biāo)人最多……作為主要在內(nèi)部來(lái)傳播的企業(yè)H5，當(dāng)藍(lán)標(biāo)員工翻到最后一頁(yè)，還可以輸入自己的員工編號(hào)和密碼查看自己在藍(lán)標(biāo)的大數(shù)據(jù)。

展示和交互內(nèi)容都策劃得別出心裁，還恰到好處地體現(xiàn)了大公司的員工關(guān)懷，為企業(yè)在做企業(yè)文化、周年慶典方面的推廣上做出了表率。

品牌主：藍(lán)色光標(biāo)傳播集團(tuán)

制作單位： BlueMP

創(chuàng)意性：★★★★?

傳播度：★★★★?

設(shè)計(jì)制作水平：★★★★★

品牌結(jié)合度 ：★★★★★

10. 《做一個(gè)logo，少一個(gè)朋友》

還記得微博上被轉(zhuǎn)發(fā)多次的設(shè)計(jì)師吐槽的段子嗎？腦洞運(yùn)營(yíng)公眾號(hào)用凡科微傳單生動(dòng)還原了這一情景，先是模擬一段設(shè)計(jì)師被朋友請(qǐng)求做LOGO的微信對(duì)話，然后出現(xiàn)一個(gè)小視頻和彈幕，風(fēng)格搞笑逗比，引起有過(guò)類似經(jīng)歷設(shè)計(jì)師們的共鳴。作為承載新媒體內(nèi)容而非純?yōu)槠放仆茝V誕生的H5，在并未投入高成本進(jìn)行獨(dú)家定制的情況下，運(yùn)用已有模板就能做的相當(dāng)出彩。該支H5推出后，3天之內(nèi)PV就突破100w，鼓勵(lì)了那些沒有預(yù)算靠?jī)?nèi)容刷爆朋友圈的運(yùn)營(yíng)狗。

制作：腦洞運(yùn)營(yíng)公眾號(hào)

工具：凡科微傳單

創(chuàng)意性：★★★★★

傳播度：★★★★★

設(shè)計(jì)制作水平：★★★??

這是快點(diǎn)的年終選擇，其實(shí)還有幾個(gè)走心之作被忍痛割愛，相信你也有你自己的評(píng)判標(biāo)準(zhǔn)和喜好?？偨Y(jié)起來(lái)，無(wú)論是古人穿越回現(xiàn)代，還是天貓穿越到宇宙，今年的關(guān)鍵詞就是——“穿越”。在特效制作上，全景界面、模擬微信、快閃……也成為今年最常見的幾種表現(xiàn)形式?！翱禳c(diǎn)”將在下一期的盤點(diǎn)中推薦今年最有科技感的H5。

希望明年會(huì)有更多H5營(yíng)銷案例帶給我們驚喜?！翱禳c(diǎn)”也將會(huì)持續(xù)關(guān)注H5行業(yè)的變革與形勢(shì)。

點(diǎn)擊此處查閱文中的H5經(jīng)典案例