2016年驚豔朋友圈的(de)十大(dà)H5，你被幾個(gè)刷過屏？

在這(zhè)個(gè)日新月(yuè)異的(de)時(shí)代，想要立于不敗之地，擺脫被淘汰的(de)命運，隻有迎頭趕上，不斷創新。在過去兩年的(de)時(shí)間内，H5經曆了(le)從全民興起 – 爆發 – 沉澱到再爆發式增長(cháng)的(de)過程，以層出不窮的(de)新面孔一次又一次展現了(le)驚人(rén)的(de)生命力。

　　2016年即将呼嘯而過，讓我們抓住今年的(de)尾巴來(lái)細數一下(xià)這(zhè)一年那些扭轉衰勢給我們帶來(lái)驚豔感受的(de)十大(dà)H5，哪些曾經刷過你的(de)屏呢(ne)?

　　往期回顧：《人(rén)氣超高(gāo)的(de)HTML5特效排行榜TOP 10(附經典案例)》

　　注：以下(xià)僅代表個(gè)人(rén)觀點，項目按照(zhào)上線時(shí)間順序排列。

　　1. 微信：我和(hé)微信的(de)故事

　　

 

　　查看案例詳情：http://www.digitaling.com/projects/20080.html

　　(該活動已下(xià)線)

　　一句話(huà)點評：大(dà)數據的(de)暖心運用(yòng)版“回憶殺”

　　2016微信公開課PRO版在開年就丢出了(le)一個(gè)引爆朋友圈的(de)輕H5，寥寥幾頁，幾乎不需要互動，幾條與“我”息息相關的(de)數據統計，就能讓用(yòng)戶分(fēn)享得(de)不亦樂(yuè)乎。微信雖然不倡導誘導轉發，但是這(zhè)樣大(dà)數據的(de)暖心運用(yòng)，恰到好處地喚醒用(yòng)戶記憶，引發情感共鳴，不刷屏才奇怪吧?

　　2. 豆瓣：我們的(de)精神角落

　　

 

　　掃描二維碼，立即體驗!

　　

 

　　一句話(huà)點評：戲很足的(de)文青解謎系列H5

　　堅持11年不打廣告的(de)豆瓣終于在今年年初放出了(le)一個(gè)超級大(dà)招，以“我們的(de)精神角落”爲主題推出了(le)一系列海報、品牌宣傳片和(hé)H5。 H5分(fēn)爲眼、鼻、耳、口、大(dà)腦(nǎo)五個(gè)章(zhāng)節，從畫(huà)面到文案再到交互整合了(le)多(duō)種表現形式，隻爲向用(yòng)戶傳達一個(gè)觀點：我内心豐富、生而不凡，這(zhè)是我的(de)秘密。由内而外散發滿滿的(de)豆瓣文藝氣息，細節處理(lǐ)堪稱完美(měi)。

　　3. 寶馬：全新BMW M2遊刃鋒芒間

　　

 

　　掃描二維碼，立即體驗!

　　

 

　　一句話(huà)點評：狂炫酷拽破屏而出的(de)速度與激情

　　寶馬官方微信先是用(yòng)一個(gè)“該新聞已被BMW快(kuài)速删除”的(de)标題迅速吸睛無數，再用(yòng)閱讀原文中的(de)H5徹底點燃了(le)用(yòng)戶的(de)速度與激情：一輛BMW M家族全新車型M2從虛拟的(de)新聞内頁呼嘯而出，在多(duō)個(gè)平台任性跨越橫沖直撞，實現虛拟與現實的(de)無縫切換，視覺沖擊應接不暇，聲效配合酣暢淋漓。在77分(fēn)鐘(zhōng)内便獲得(de)了(le)10萬+的(de)閱讀量，還(hái)得(de)到了(le)各行業意見領袖刷屏式的(de)分(fēn)享。

　　4. 俠隐江湖：一個(gè)翻滾的(de)H5——隻要功夫深 撩妹100分(fēn)

　　

 

　　掃描二維碼，立即體驗!

　　

 

　　一句話(huà)點評：翻轉手機扭轉人(rén)生一圓武俠夢的(de)H5

　　銀漢集團爲旗下(xià)的(de)《俠隐江湖》遊戲做(zuò)了(le)一個(gè)名叫《隻要功夫深 撩妹100分(fēn)》的(de)H5，隻要通(tōng)過翻轉手機就能即刻扭轉人(rén)生，從事事無可(kě)奈何的(de)“凡人(rén)模式”切換爲開挂的(de)“大(dà)俠模式”，一圓一衆爲現實所累的(de)現代人(rén)的(de)武俠夢。它采用(yòng)簡單好玩的(de)翻轉形式和(hé)逗趣浮誇的(de)故事情節，向世人(rén)傳達了(le)“天生武俠，本色江湖”的(de)遊戲理(lǐ)念。

　　5. NEXT IDEA×故宮：大(dà)明(míng)皇帝除了(le)會唱 Rap，還(hái)能有多(duō)魔性?

　　

 

　　掃描二維碼，立即體驗!

　　

 

　　一句話(huà)點評：大(dà)明(míng)皇帝穿越故宮玩Rap成新晉網紅的(de)神邀請函

　　故宮淘寶的(de)萌版皇帝們早已深入人(rén)心，然而萬萬沒想到這(zhè)次大(dà)明(míng)皇帝變身rapper席卷朋友圈的(de)H5，卻是騰訊與故宮跨界合作舉辦“Next Idea × 故宮” 騰訊創新大(dà)賽的(de)邀請函。該H5将古今多(duō)種元素相互穿插，讓原本遙遠(yuǎn)的(de)古人(rén)重新煥發生機，充滿現代感的(de)幽默演繹，讓人(rén)眼前一亮，大(dà)大(dà)刺激了(le)用(yòng)戶的(de)分(fēn)享欲。短時(shí)間内訪問量就突破了(le)300W。

　　6. 361°：我給你畫(huà)了(le)個(gè)動畫(huà)，看完可(kě)别哭啊!

　　

 

　　掃描二維碼，立即體驗!

　　

 

　　一句話(huà)點評：用(yòng)自己畫(huà)的(de)小人(rén)去創造屬于你的(de)熱(rè)愛(ài)故事

　　相對(duì)于單純通(tōng)過點擊進行互動，引導用(yòng)戶親自畫(huà)出小人(rén)去完成一系列動作著(zhe)實新鮮，這(zhè)種形式也(yě)許不是首創，但也(yě)阻擋不了(le)它的(de)刷屏之勢。361°從自身品牌調性出發，迎合奧運主題，用(yòng)畫(huà)畫(huà)的(de)方式鼓勵用(yòng)戶勇敢面對(duì)挑戰，在人(rén)生這(zhè)場(chǎng)比賽中赢到最後。H5情節設定完整，動畫(huà)效果生動可(kě)愛(ài)，輕松爲品牌收獲滿滿好感。

　　7. 墨迹天氣：#天氣改變命運#H5，每天都有新改變，每天都能玩一遍

　　

 

　　掃描二維碼，立即體驗!

　　

 

　　一句話(huà)點評：奧運最強借勢H5

　　今年正逢裏約奧運會，墨迹天氣以#天氣決定命運#爲主題，推出了(le)一個(gè)在奧運期間每天更新的(de)H5。整整持續了(le)17個(gè)日夜，一天一個(gè)H5熱(rè)點追擊，原創動畫(huà)+原創詞曲+音(yīn)樂(yuè)互動，在奧運會閉幕當天更是放出了(le)《月(yuè)球運動會》這(zhè)個(gè)大(dà)招視頻(pín)。W将這(zhè)款行業内領先、人(rén)盡皆知的(de)天氣App，系統性地實現了(le)從“工具化(huà)”到“品牌化(huà)”的(de)價值轉換，借勢時(shí)事熱(rè)點，用(yòng)一個(gè)最平常不過的(de)道理(lǐ)觸及人(rén)心，從而引發思考。

　　8. 天貓：盡情盡興!天貓穿越宇宙向你發來(lái)了(le)一封雙11邀請函

　　

 

　　查看案例詳情：http://www.digitaling.com/projects/19272.html

　　(該活動已下(xià)線)

　　一句話(huà)點評：穿越宇宙級的(de)一鏡到底沉浸式體驗

　　衆所周知，淘寶是出了(le)名的(de)“愛(ài)搞事情”，而且逼格沒有最高(gāo)隻有更高(gāo)。這(zhè)次天貓雙11的(de)宣傳H5又實現了(le)一次自我超越。H5融入時(shí)下(xià)最流行的(de)VR技術，用(yòng)戶通(tōng)過手指輕滑屏幕，就可(kě)以感受到由225張素材圖精心構建的(de)“一鏡到底”的(de)天貓世界。其中不拘泥于形式具有兼容特點的(de)巴洛克式風格與雙11“不設限，盡情狂歡”的(de)理(lǐ)念巧妙結合，相得(de)益彰。充滿未來(lái)感的(de)沉浸式體驗讓人(rén)啧啧稱奇，也(yě)似乎已遠(yuǎn)遠(yuǎn)超出了(le)H5原來(lái)的(de)定義。

　　9. Dopemine：THE SAVE – 活口：不留活口的(de)H5嘗試

　　

 

　　掃描二維碼，立即體驗!

　　

 

　　一句話(huà)點評：交互式密室逃脫微電影(yǐng)H5

　　相信大(dà)家對(duì)密室逃脫遊戲并不陌生，但融影(yǐng)視、遊戲、支付于一體的(de)H5卻前所未有。Dopemine借助微信支付及 H5 強大(dà)的(de)表現平台，将遊戲演給我們看，将電影(yǐng)放給我們玩兒(ér)。通(tōng)過将産品線索與遊戲情節融爲一體，故事情節環環相扣，用(yòng)“色彩”引導用(yòng)戶層層深入，最後引導用(yòng)戶支付1元錢來(lái)下(xià)載“性格色彩APP”以解開謎團。相當于用(yòng)一個(gè)H5完成了(le)一部微電影(yǐng)和(hé)一個(gè)小遊戲的(de)工程量，怎一個(gè)酷字了(le)得(de)?

　　10. TGideas：爲什(shén)麽騰訊動漫選了(le)薛之謙當代言人(rén)?

　　

 

　　掃描二維碼，立即體驗!

　　

 

　　一句話(huà)點評：當薛式搞笑(xiào)遇上燃情國漫

　　提到薛之謙，很多(duō)人(rén)的(de)第一反應就是“段子手”。當薛式段子遇上熱(rè)血二次元，産生的(de)化(huà)學反應真心不小。有段子，有表演，還(hái)有劇情的(de)各種反轉，薛之謙都完美(měi)消化(huà)，最終完成了(le)“共同的(de)信仰，由我來(lái)守護”的(de)品牌理(lǐ)念的(de)有效傳遞，不得(de)不說騰訊動漫app代言人(rén)選得(de)非常到位。據悉，該 H5 從上線後2小時(shí)便獲得(de)了(le)百萬級的(de) PV，平均停留時(shí)間也(yě)達到了(le) 1 分(fēn) 49 秒，将近故宮 H5(56.8 秒)的(de)兩倍啊!