這是一篇姍姍來遲的年中盤點。
進入 2016 年后，
「H5 爛大街」「H5 已經過氣了」的聲音不絕于耳，
騰訊發布的《移動頁面用戶行為報告》中
「分享率平均值僅為 3.93%」這一數據屢屢被提及，
圈內一片唱衰。
值得高興的是，
讓人直呼驚艷的 H5 還是不斷涌現：
技術更好地服務于創意，
數據以更別致的方式呈現，
人們對 H5 的理解更理性和深刻，
H5 也打開了越來越多的行業新世界的大門。
那么這半年里，
有哪些 H5 曾經刷屏我們的朋友圈？
請看下文盤點。
數英網 DIGITALING 原創，如需轉載請遵守文章底部規范！
注：以下僅代表個人觀點，項目按照上線時間順序排列。
1、豆瓣：我們的精神角落 移動網站
查看案例詳情：http://www.sh-jinniu.com/projects/17505.html
（該活動已下線）
一句話點評：國內首創的章節式解謎系列 H5
成立十一年，慢公司豆瓣首次發聲。該系列 H5 作為整個品牌活動的一部分，視覺調性和 TVC、海報相統一，詮釋了豆瓣 11 年來微妙且不可替代的存在價值。因為涉及內容量龐大，所以被分成五章節，結合了人類五感：眼、耳、鼻、嘴、腦。小房間里內容的堆砌感很重，充滿細節。
2、知乎：我的知乎五周年 移動網站
查看案例詳情：http://www.sh-jinniu.com/projects/16531.html
掃描二維碼，立即體驗！
一句話點評：濃濃程序員風的年度盤點
豆瓣影音書年度總結、支付寶年度剁手總結，各家都絞盡腦汁在年度盤點上各出奇招。知乎這個 H5，暗色的背景，熒光綠的邊框，簡陋的頁面，整體設計成后臺程序的感覺，還時不時蹦出一個彩蛋，讓人印象深刻。信息量也是相當大，對知乎大事記、用戶使用歷史都做了細致盤點。有些事你已經忘了，但知乎一直替你記著。
3、今日頭條：為什么我們要回家過年？ 移動網站
查看案例詳情：http://www.sh-jinniu.com/projects/16656.html
掃描二維碼，立即體驗！
一句話點評：顛覆大數據給人的冰冷印象
今年年初，今日頭條這個 H5 用大數據制造了人情味與溫度，點燃了朋友圈。五組關鍵詞的數據對比，輔以優質精簡的文案與畫面，最終轉化為所有人都能讀得懂的 H5 呈現在大家眼前。不同于每逢春節的煽情雞湯，這個 H5 用今日頭條 3.5 億用戶數據，創造出事實暖心。
4、騰訊網：2016年全國兩會，李克強總理申請添加你為好友
查看案例詳情：http://www.sh-jinniu.com/projects/17006.html
（該活動已下線）
一句話點評：時政新聞報道終于換臉了
借這個 H5，是想表揚一下政府機構和相關媒體在今年兩會上的大膽嘗試。今年兩會涌現了形式多樣的 H5，輕松活潑的內容放松讀者緊繃的神經：「48 個代表神秘失蹤」「傅瑩邀你加入群聊」「你有一個來自李克強的紅包」等等，雖然制作算不上精良，模擬微信界面仍有違和感，但也算相當的突破了。
5、ELLOTA艾洛塔：微信三維層層疊游戲
查看案例詳情：http://www.sh-jinniu.com/projects/17030.html
掃描二維碼，立即體驗！
一句話點評：開啟微信上全新的三維體驗
微信小游戲已經爛大街，但三維場景如此酷炫的還是少見。這款游戲是艾洛互動在游戲策劃這個領域的新嘗試，概念源自 Ketchapp，看似簡單的移植，實為重新開發。在該團隊此后的作品中也能看到，已經逐漸形成獨有的風格，技術驅動創意，為用戶不斷帶去新的體驗。
6、寶馬：該新聞已被BMW快速刪除
查看案例詳情：http://www.sh-jinniu.com/projects/17261.html
掃描二維碼，立即體驗！
一句話點評：一氣呵成營造超強現場感
從懸念性標題，到畫面動效、聽見的音效、緊湊的節奏，酣暢淋漓的體驗讓這個 H5 在放出后分分鐘上了 10w+。前線網絡團隊曾表示，制作這個 H5 的初衷是讓人看到些意外、有趣的東西，而剪接、聲效、3d、后期等技術的運用，也很好地傳遞出了 BMW M2 叛逆、特立獨行的個性。
7、俠隱江湖：一個翻滾的H5——只要功夫深 撩妹100分
查看案例詳情：http://www.sh-jinniu.com/projects/17592.html
掃描二維碼，立即體驗！
一句話點評：首創「翻轉手機進行切換」新玩法
古裝武俠風格的畫面，配上浮夸的劇情和動作，一登場就注定是個有故事的 H5。這款 H5 共設置了「凡人模式」「大俠模式」兩種，這兩種模式切換的秘訣，就是「翻轉手機」——這也正是它的牛逼之處，互動方法簡單新穎，仿佛擁有了上帝視角。
8、淘寶造物節邀請函來了！我們都在造，你造嗎？
查看案例詳情：http://www.sh-jinniu.com/projects/18008.html
（該活動已下線）
一句話點評：帶有重力感應的插畫全景世界
用常規的 CSS3 技術，原來也可以模擬出酷炫的 VR 效果。整個界面像一個神奇萬花筒，好像掉進了無盡黑洞，視覺震撼得無法自拔。另外，這種技術據說是首次被運用在插畫上，炫目，讓人眼花繚亂，也給人一種完全不同的新鮮感。
9、NEXT IDEA×故宮：大明皇帝除了會唱 Rap，還能有多魔性？
查看案例詳情：http://www.sh-jinniu.com/projects/18026.html
掃描二維碼，立即體驗！
一句話點評：皇帝變身 Rap 潮男還大玩黑科技
很多人都知道故宮淘寶愛耍寶、腦洞大，不過跨界找騰訊打造出這么個充滿沖突感和細節感的鬼畜 H5，還是掀起了一股刷屏風。Rap 歌詞很有趣味性，配上惡搞老朱家族的畫面，在「模仿微信界面」的基礎上又玩新花樣，有很強的閱讀吸引力和分享驅動力。據統計，該 H5 短短 10 天內瀏覽量突破了 347 萬。
10、361° ：我給你畫了個動畫，看完可別哭啊！
查看案例詳情：http://www.sh-jinniu.com/projects/18262.html
掃描二維碼，立即體驗！
一句話點評：畫了個小人，竟然還動起來了
有人指出這個 H5 中的「扭曲動畫技術」非 361°首創，不過也沒能擋住它刷屏的洶洶氣勢。畫出的小人會根據指令做出動作，新鮮的交互給人十足的參與感和驚喜感。圍繞奧運主題的創意，挑戰自我的寓意，讓整個敘事更完整立體。雖是舊瓶裝新酒，場景創意還是非常值得稱道的。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
全部評論（4條）