H5案例：2017年十大優秀H5案例_H5制作案例

近幾年來，信息傳播過程中，有著高度的延展性和極強可塑性的Html 5頁面（簡稱 H5），無疑為廣告主提供了內容創意無限大的發揮空間。低門檻、短周期、免插件的音視頻與圖像動畫、強大的互動呈現形式、跨平臺的兼容性……眾多的優點讓H5在移動端一度備受寵愛、被品牌主們玩的風生水起。這種新形式也越來越成為企業主流的宣傳營銷方式。

2017年，“非廣告圈人”集體形成的刷屏朋友圈現象愈演愈烈。那么這一年里，H5制作又玩出了哪些新花樣呢？讓我們來盤點十大經典“刷屏”H5案例，分析一下就知道。

（注：排名不分先后）

《這是成年人不敢打開的童年》

推廣目的：迎合兒童節熱點

亮點：抓住用戶心理，畫風精美

網易噠噠一直致力于研究青年文化，出品的H5也大多以當下年輕人感興趣的熱點事件、節日等為切入點。對如今互聯網的主流人士——80、90后群體來說，日本動漫無疑是“兒童節”激發回憶、容易引爆的點。《這是成年人不敢打開的童年》將《灌籃高手》、《哆啦A夢》等動漫以精美的漫畫形式呈現在H5中，通過滑屏的形式，帶大家一起回顧了多部曾經帶來歡笑、引人淚奔的動畫大餐，迅速在朋友圈引起火爆轉發。以《這是成年人不敢打開的童年》為代表的H5，向年輕人傳遞著專屬于這個時代的文化回憶與精神力量，在滿足年輕用戶體驗需求的同時，更能為H5創新注入新的血液。

《“小朋友”畫廊》

推廣目的：9月9日公益日 騰訊公益募捐

亮點：關注民生，融入社會

這個“一元購畫”幫助小朋友的H5一度刷爆了朋友圈，用戶在欣賞小朋友的畫作之余，可以通過這個活動用1元錢購買一副自閉癥兒童的畫作為小朋友進行捐款。 極低的參與門檻、大公司背書、幫助特殊人群的心理滿足等，都讓這個公益項目在短時間內就成為朋友圈的“爆款”。該項目希望幫助有困難、有疾病的特殊人群改善生活，有助于他們實現自我價值。該項目取得了巨大的成功，580萬余用戶參與了募捐，兩天內1500萬善款即籌集完畢。

《首個手機話劇團開張了》

推廣目的：天貓無憂購營銷

亮點：腦洞清奇，畫風清奇

評價它“腦洞清奇”且“畫風清奇”一點也不為過。《首個手機話劇團開張了》H5采用講述故事的方式，將人類的身體器官擬人化，話劇故事的場景就直接人體在器官里，真實的效果給用戶造成極強的視覺沖擊感。整個情節都在圍繞“天貓無憂購”的“上門取退”、“極速退款”等服務，讓人看罷對“天貓無憂購”的宣傳主題印象深刻。

《!開打法魔用能只章文篇這》

推廣目的：紀念哈里波特誕生20周年

亮點：迎合熱點，互動新穎

這是一個“被施了魔法”的H5。從倒著寫的題目、不規律的恣意排版到自己畫“咒語”的設計都將“創意”玩兒到了極點。用戶通過上下滑動屏幕來瀏覽H5，隨著屏幕的滑動，文字也會不斷地左右移動，這些酷炫的動效給人一種正在閱讀魔法小說的感覺。同時，其中展現的場景都是哈利波特小說和電影的經典場面，對小說迷和影迷來說都是絕佳的體驗。這支主打著追憶情懷的H5也不忘植入豐富的交互形式，在給用戶感官愉悅的同時，更考慮到用戶的參與感，強烈的引發用戶的共鳴。

《深夜，男同事問我睡了嗎……》

推廣目的：有道翻譯官APP營銷

亮點：生動趣味，0成本

一個好的標題無疑是提高H5點擊率的要點，有道APP這款H5沒有復雜的特效形式，通過《深夜，男同事問我睡了嗎……》這樣一個引人遐想的標題吸引大家點入，接著開始講“戲精”女同事和她的姐們豐富的內心戲，故事結尾自然的的引出APP的廣告，這種迎合大眾心理的方式和峰回路轉的結尾。據悉，這段H5從前期創意、腳本、制作到后期上線，都是由有道市場部內部規劃完成。0成本卻能造成刷屏效果，這種營銷方式也是業內關注的。

《此處故意留白》

推廣目的：清明節廣告人營銷

亮點：黑白漫畫，選題戳廣告人痛點

這個H5用卷軸漫畫的形式講述著都市廣告人一天生活的方式。加班加點，埋頭苦干，熬夜勞心……最后以一句“清明節，不該是你的節日”戳中人最后的痛點，也將整個H5布滿喪氣的主題向正能量方面引導回去。讓廣告人去剖析廣告人的心理，自然有先天的心理優勢。主人公一直都是“狗頭化”處理，詼諧中又帶有自嘲的意味。雖然公眾對這個H5的評價呈兩極分化，這種介于電影、漫畫、交互動畫之間的形式， 在H5的發展上還是值得借鑒的。

《快看吶！這是我的軍裝照》

推廣目的：迎合建軍節熱點營銷

亮點：官方媒體發動、節日熱點互動

趕在建軍節前，人民日報為慶祝建軍90周年，出品了一款“定制”自己的軍裝照的H5。進入H5，用戶上傳自己的正臉照片即可系統生成精神的帥氣的軍裝照，簡單的操作和不錯的效果在朋友圈小火了一把。這兩年，這類以各種美顏美圖效果為表現形式的H5已經被玩兒出了很多花樣，卻都沒有達到軍裝照H5這種火爆的效果。趕在建軍節的熱點發布、接地氣的體驗方式、傳遞愛國熱情的正能量主題，都是這支H5如此受歡迎的原因。

《朕收到一條來自你媽的微信》

推廣目的：中秋節故宮食品營銷

亮點：標題黨、創意文案

借中秋節的節日熱點，以皇帝的名義向用戶進行惡搞的產品推廣，故宮食品這次的H5營銷的成功與它的創意是分不開的。H5整體采用黑色背景、白色文案，或白色背景、黑色文案。與故宮文化本身的色調和節日的喜慶色調都形成了鮮明對比。閃爍的特效和配合的音樂節奏，增強了H5整體的視覺沖擊力，引導用戶快進入沉浸體驗狀態。

《穿越未來來看你》

推廣目的：NEXT IDEA騰訊創新大賽 招募宣傳

亮點：精美畫風、炫酷特效

中國風與未來科技感相結合是什么感覺，TGideas去年的《穿越故宮來看你》和今年的《穿越未來來看你》給了它完美的詮釋。畫面的精美絕倫、極致細膩是這個H5最大的特點，炫酷的“穿越”特效更為它加了不少分。它讓你一秒通過時光隧道從地殼穿越古今，可以站在禪宗指尖俯瞰大地、一覽眾星，更可以從上帝視角探查未來的風土人情。這樣炫酷的體驗再搭配上古典樂、RAP混拼的音效，效果十分震撼。

《我是這樣開啟2018年的，你呢？》

推廣目的：2017年人工智能領域大事件盤點

亮點：WebAR技術、實時的參與感與創作空間

一年過去后總會有各種各樣、各大領域的不同盤點，2017年是對人工智能領域很重要的一年，抓住年底的“黃金時間”對這個高關注度的話題進行盤點，奧本未來做的這支H5已經成功一半了。另一半要得益于H5營銷與AR技術的結合。

將AR這種高新技術運用在H5制作上，奧本未來這支H5是國內首例。所謂AR，可以讓用戶旋轉手機尋找屏幕里浮動在現實背景中的粒子元素，粒子會以優美炫酷的形態聚合成一個個個模型，配合文字共同展現2017年人工智能領域的相關事件。結尾更可以根據自己實時的情景就地取材，創作專屬的AR新年卡。這種既有真實感又有新鮮感的體驗，無疑是如今產量扎堆的H5中的清流。

從這十支高質量的H5中我們可以發現，如今H5營銷想要吸引用戶、抓準用戶的心理，首先需要的就是優質的內容。內容營銷的時代，好的內容總是自帶傳播價值。有了優質內容，另一個不能缺少的就是創意。創意可以體現在畫風、特效、科技感等各個方面。

縱觀2017年曾有“刷屏”級量級的H5，有打感情牌喚起用戶共鳴的，有通過精美畫面抓住用戶眼球的，有標題黨吸引流量的……這些都是H5營銷的絕佳方式，今年海量產出的H5中也不乏有內容、有高度的存在。但，在這個內容同質化的“后內容創作時代”，大多數的“創意”還是在舊瓶裝新酒，難以開辟更多新途徑。

2018年的H5營銷想要創出新花樣，“科技感”也許會成為不可或缺的重點。去年AR、VR、AI等高新科技異軍突起，在市場上快速占領了一席之地。但其中，VR需要依靠設備來實現，AI與H5營銷的關聯則更傾向于深度管理數據等層面。針對H5營銷的外在表現形式而言，AR之于H5，實在是一種不可多得的技術依靠。AR互動零門檻、打開攝像頭即得的形式，讓每個人都可以簡單便捷的參與其中。此外，不同于其他類型H5體驗的千篇一律，AR技術讓每個人打開同一個H5都能獲得自己獨有的體驗。H5的特效與3D模型都建立在現實背景之上，在不同的環境、不同的光照下體驗都會有不同的感覺，增加H5的新奇感和可玩性。

藍暢信息技術專業的H5制作公司，更多H5開發相關問題請聯系藍暢客服

關于我們：

Infocode藍暢信息技術有限公司成功為多家世界財富500強企業以及其他著名品牌提供優質服務，是您靠譜的互聯網開發供應商。

服務客戶遍及北京、上海、杭州、深圳、廣州、天津、青島、南京、寧波、蘇州、無錫、廈門、重慶、西安等大中型城市及地區    為您提供：H5開發，小程序開發，H5外包，微信開發外包，H5商城開發，小程序商城開發，網站開發外包，H5游戲開發，小程序開發外包，小程序設計、APP開發外包，UI設計，SEO優化，SEO外包，視頻后期制作等優質服務