2017年爆款刷屏H5案例，入選的竟是他們…
來源：型科科技（公眾號ID：xingkec）
作者：兔紙
距離2018還有7天
元旦假期又更近了一步
在期待放假的同時
你的年度總結寫好了嗎？
今天小編盤點了15個2017年的刷屏案例，看看都有哪些超級爆款H5，你能想到的刷屏H5又有哪些?一起來盤點一下吧！
H5排名以時間為序：
1月
案例1：淘寶年貨節
圖文展示類
品牌主：阿里巴巴 - 淘寶
長按掃描（復制鏈接需打開淘寶查看）
亮點：阿里祭出的H5開年大戲「淘寶年貨大街」，將過年氛圍引入清明上河圖中呈現，新穎的展現形式也是大家刷屏的原因之一。H5畫面整體有種魔性美，內容豐富。進入頁面后，畫面會自動慢慢向下移動展示內容，背景是街上店家吆喝聲，帶入感十足。用戶也可以上下滑動屏幕來查看。滑動完畢停留在某處時，會出現一個個小的閃動彈出層，簡單介紹當前畫面中的各店鋪，用戶點擊店鋪會有大的彈出層跳出，來詳細介紹，最后可“關注”，也可以“進店逛逛”。
2月
案例2：首個手機話劇團開張了
交互視頻類
品牌主：阿里 天貓
長按掃描立即體驗
亮點：這是一支腦洞清奇畫風更清奇的H5，以話劇的形式，將身體的不同部分擬人化，通過講述故事的方式，用詼諧的語言表達出無憂購的各種亮點，很耐看。 果不其然，此視頻類H5剛上線就在廣告圈火了；用視頻類內嵌的方式，話劇團的神秘感與觀者的代入感皆為十分！話劇部分，超級魔性、逗比，演員很有表現力，場景就直接在器官里，視覺沖擊感很強。整個H5制作精良，形式新穎，體驗時間長卻很有吸引力。
案例3：向天再要500話
視頻類
品牌主：騰訊動漫
長按掃描立即體驗
亮點：以“騰訊動漫催更神曲”為主題，用H5嵌入視頻的形式，用歌劇來講一個“動漫編輯被催做神夢”的故事。畫面很美很有想象力，故事跌宕起伏，很有創造力。用搞笑及魔性的視頻故事性呈現，來進行品牌營銷，不僅引發刷屏還吸引用戶廣泛傳播。
3月
案例4：穿過手機屏幕，去看我的國
圖文展示類
品牌主：搜狐
長按掃描立即體驗
亮點：案例模擬搜狐App首頁面展開，結合當時全國人大五次會議的熱點，從而引發刷屏。擊Banner頁進入，使用畫中畫一鏡到底的方式，對交互體驗加以創新，中間還還使用了橫屏滑動，縱向滑動多種交互方式融于H5體驗之內。通過不同的畫面反應不同階層的中國人現狀，通過交互手勢設計將眾多的畫面構成一鏡到底的場景！策劃、視覺、交互、聲樂俱佳。
5月
案例5：地球上最美的H5
3D展示+視頻
品牌主：騰訊
長按掃描立即體驗
亮點：深色太空背景，背景中有星星不停閃爍，地球模型表面還浮著一層云，用戶可360度無死角撥動旋轉欣賞地球之美，通過上下左右滑動來控制地球的轉動。“地球”上設有5處景點，長按按鈕時，圓圈會自動對準景點，屏幕上方出現經緯度坐標，畫面會由一段過場動畫，“到達”該景點，并以短視頻的形式展示景點，松開按鈕則返回主界面。H5在視覺上，它的運動與地球的運動有視差效果，這讓本身就很精致的畫面，表現得更加細膩。轉動時環境聲音的播放和轉換，讓案例代入感十足，畫面表現很精美，3D模型與視頻的結合也讓案例充滿了活力。
6月
案例6：魂斗羅歸來
視頻類
品牌主：騰訊游戲
長按掃描立即體驗
亮點：魂斗羅歸來，重燃英雄夢！以魂斗羅主角的身份進入游戲，像素風格 + 3D類型，途中碰到各個boss以及以前戰友（微信好友，自動調取頭像及昵稱）有趣的對話以及搞笑的死法，像素畫的方式復刻出經典魂斗羅六個關卡場景，每個場景代入一位好友花式作死，各種玩家才懂的梗穿插其中。帶著主角等人進入新的魂斗羅世界，每個人物都講述了新魂斗羅的優勢與可玩點，末頁回歸點明主題，可跳轉下載鏈接以及再看一遍。
7月
案例7：穿上軍裝
上傳照片類
品牌主：穿上軍裝
長按掃描立即體驗
亮點：一直刷屏了很久的一款H5，建軍90周年。踩90周年大閱兵熱點，讓用戶上傳照片，利用人臉識別技術，生成屬于用戶的不同年代的軍裝照片，并引導用戶分享出去。簡單易操作的方式，加上接地氣、圓軍裝夢、傳遞愛國熱情等多重因素的疊加，又節日熱點又抓得剛剛好，從而造就了這支H5的成功。
案例8：世界名畫抖抖抖起來了
動畫+短視頻類
品牌主：抖音
長按掃描立即體驗
亮點：抖音這次惡搞世界名畫，實現了一種年輕品牌與傳統文化IP的碰撞。名畫梗其實已經被玩過很多次，但這一波“動起來”的嘻哈效果，還是引起了朋友圈的刷屏。案例加載完成后是蒙娜麗莎神秘的微笑，搭配著魔性的背景音樂，抖動的標題吸引人去"一探究竟"，長按隨機選擇不同的名畫進行體驗。用戶交互部分，黑灰墻紙作為畫面背景，而播放視頻時，視頻模擬了抖音App的界面，H5也為四幅名畫的行為動態賦予了抖音APP的專屬特色。
案例9：飛躍淘寶奇市
動畫+3D視頻
品牌主：淘寶
（案例已下線）
亮點：淘寶造物節主題之“飛越淘寶奇市”，通過一支風箏穿越的時空的方式，進行展現造物節的豐富。用交互動畫+3D建模視頻來完成體驗VR視覺，一共四個場景，每個場景串場動畫為一只風箏穿梭于五彩斑斕的時光隧道，進入奇市江湖 4 大街區系列的3D品牌視頻展示。利用重力感應來完成交互，然后播放東、西、南、北四個方位進入的3D視角視頻。淘寶又一次在H5上，做了一次單點爆破，奉上了一場視覺和創意都兼具的奇觀。
8月
案例10：一起享受嘻哈小食光吧！
視頻+雙屏互動
品牌主：麥當勞
（已下線）
亮點：結合當時超火爆的綜藝節目《中國有嘻哈》。使得這款炫酷的多屏互動H5的案例刷爆了屏。一個可單人又可多人都可以體驗的H5，單人體驗時，用戶手滑過屏幕，會有顏色跟著手勢變化。而多人體驗時的上限是3個設備，3個設備并排瀏覽可以看到完整的動畫播放。整體效果非常炫酷，還將《中國有嘻哈》元素與麥當勞自身產品元素相結合。
案例11：“小朋友”畫廊
插畫+公益類
品牌主：騰訊公益
長按掃描立即體驗
亮點：來自騰訊公益的1元購公益畫。騰訊公益與一起愛為幫助“小朋友”樂享之旅而制一款H5案例，采用帶有淺淺涂鴉的灰白紙張做背景，里面展現的畫作有抽象風、卡通風等等，H5呈現的是“小朋友”作品展示，用戶左右滑動屏幕來選擇喜歡的作品；每張畫作均可去聆聽作者心聲，使這支H5內容更加的飽滿生動。
9月
案例12：找一找10年前你用的手機
海報生成類
品牌主：網易
長按掃描立即體驗
亮點：網易嚴選出品的H5，結合iPhone8上線的時間點，發布這款H5，一上線，就引發刷屏。簡單的展示性頁面，選擇十年前的手機，選擇手機品牌后，會有詳細的手機型號，選中后會有特定的手機鈴音勾起你的回憶。
案例13：深夜男同事問我睡了嗎
視頻類
品牌主：有道翻譯官
長按掃描立即體驗
亮點：這支H5主要用了視頻的方式，標題就極具誘導性《深夜，男同事問我睡了嗎......》吸引人忍不住點開一探究竟。講述戲精上身的女同事在同樣戲多的姐妹群里上演一出關于男同事的內心劇，非常符合大眾心理期許的對話和出乎意料的結果同樣精彩。而決定它刷屏的最重要原因，還是因為表現形式。這種創新的手法也讓用戶對案例的主體和所要表達的意圖有更加深刻的記憶。
11月
案例14：雙11“鬼故事”
視頻展示類
品牌主：阿里巴巴
長按掃描立即體驗
亮點：雙十一特別版，圖文版視頻+聲音，模擬通話場景。用了字幕敘述的風格來介紹人工智能設計師魯班，同時內容也十分幽默搞怪，提高了用戶的注意力和興趣，從而達到良好的宣傳效果的目的。
12月
案例15：尋找【夢想】的旅程
文字動畫類
品牌主：網易云音樂
長按掃描立即體驗
亮點：文字動畫交互案例，長按屏幕任意地方向前走，點擊屏幕任意地方向前跳。用戶需要通過長按和點擊的交互，控制文字“你”，來開始一段“尋找夢想的旅程”。H5除了觸達內心的內容外，“尋找夢想的旅程”H5也通過 新的創新形式，為用戶提供了不少 全新體驗。在整個H5中，用戶始終是深度參與的，這也是促使大家刷屏的原因。
小結：
縱觀今年的刷屏案例，可以看出2017年的爆款H5中，它們都有一些相似的共同點，就是能夠引起大眾集體意識和共鳴，容易理解，傳播方式簡單。還有創造驚艷的體驗感！無論是內容的短、快的，還是復雜化，繁瑣的都能夠讓人感受到不一樣的刺激和視覺上的非凡體驗。當然，能夠引刷屏的作品，背后隱含著非常多的因素，每一個好的作品，都值得肯定和學習。那么2018年將會有怎樣的H5呈現出來呢，一起期待吧！
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）