H5突然火了。

通過微信和朋友圈的快速發展，H5靠著無需下載、即點即用的屬性迅速上位，一躍變成炙手可熱的小鮮肉。

1、為什么說它是小鮮肉？

跟大家分享一份eMarketer的數據，其中顯示了2012年 -2018年營銷在不同媒體渠道的預算比重：

相比電視、雜志、戶外廣告等傳統媒體呈逐年下降的趨勢，品牌營銷在數字和移動方面的投入在逐年上升，而且，在所有渠道預算中移動技術的投入增長最快，遠遠高于其他渠道的增長。

移動營銷已是大勢所趨。

2、什么是H5？

H5，是HTML 5的簡稱，它就是一種高級網頁技術。

還是沒聽懂？

這么說吧，我們平時看到那些邀請函、小游戲、幻燈片……都是H5網頁，它跟我們平時上網看到的那些網頁本質上沒有任何區別。

只不過大家普遍接受的那個網頁技術版本是HTML4，而這個版本是在1997年發布的。相比H4，H5有更多的交互和功能，最大的優點之一是在移動設備上支持多媒體。

3、H5能做什么?

這邊我大致做了三個分類：

1、品牌傳播：形式一般為品牌發布、總結報告、公益傳遞、人事招聘；

2、活動推廣：形式一般為賀卡邀請、游戲互動、答題有獎；

3、產品展示：形式一般為故事講述、性能展示。

4、H5案例分享:

品牌傳播之品牌發布型

騰訊——生命之下，想象之上

品牌傳播之總結報告型

京東——京東十大任性

品牌傳播之公益傳遞型

歐萊雅：我和你之間，就差一個字

品牌傳播之人事招募型

東華禪寺——招聘啟事

這是一個看似正經的總結：

品牌傳播型H5——等同于一個品牌的微官網，更傾向于品牌形象塑造，向用戶傳達品牌的精神態度。在內容上倡導一種態度、一個主旨，在設計上則需要運用符合品牌氣質的視覺語言，讓用戶對品牌留下深刻印象。

關于視覺

整體——氛圍渲染

細節刻畫——人物、元素配合

關于內容

適當借力——尋找共鳴

熱點結合——業務板塊完美融合

軟性宣傳——（其實就在說看我好（diao）厲（zha）害（tian）

活動推廣之賀卡邀請型

百度股市通——一封神秘的邀請函

活動推廣之游戲互動型

小時代：邀你來撕逼

活動推廣之答題有禮型

途風旅游網：時光倒回9年，你會選擇怎樣人生？

這是一個看似正經的總結：

活動推廣型H5——活動運營頁需要有更強的互動、更高質量、更具話題性的設計來促成用戶分享傳播，行成爆炸式的傳播效應。
關于視覺

細節與統一——復古擬物的視覺風格，那字體就不能過于現代；幽默調侃的調調，那文案措辭就不能過于嚴肅；打情感內容牌的，動效就不能過于花哨。

沖擊性——最好閃瞎你的鈦金狗眼，讓用戶忍不住帶著“矮油不錯，這個頁面有點diao噢”的心情點擊分享

關于內容

標題黨——做個妥妥的標題黨，先到碗里來再說

參與感——門檻低易參與，內容引發共鳴，利益驅使轉發

產品展示之故事講述型

一封來自1947年的明信片

產品展示之性能展示型

蘭蔻: “天鵝頸”睫毛膏

這是一個看似正經的總結：

產品展示型H5——聚焦于產品功能介紹，運用H5的互動技術優勢盡情展示產品特性，吸引用戶買買買。

關于視覺

整體——清晰、簡潔

細節刻畫——產品為主，性能刻畫

關于內容

講個好故事——引起共鳴

差異化展示——尋找產品個性和調性

這是一個正經的總結：

內容上——

1、故事化：不論H5的形式如何多變，有價值的內容始終是第一位的。在有限的篇幅里，學會講故事，引發用戶的情感共鳴，將對內容的傳播形成極大的推動。

2、場景化：H5的設置中，融入如寫字樓、地鐵站這些場景，一是讓用戶能在參與中，找到熟悉感以更容易的接受里面的信息，二是也是最重要的，場景承載的品牌信息，能在用戶過后在某個特定場所里，喚起他們的認知，從而加深用戶對品牌的印象。

4、強互動：加入互動機制，能讓用戶進一步感知體驗H5宣傳的品牌產品，提高對產品的購買欲望。

5、參與感：結合產品本身的特性以及用戶的喜好進行參與機制的設置。

6、社交性：要讓品牌能傳播得更遠還需在H5上融入社交性，借助用戶的社交關系鏈傳播。社交需求是用戶存在社交媒體的核心，通常用戶會通過談資、幫助、比 較、炫耀、窺視…..

與好友維持或促進社交關系。因此，在H5設計中，應融入了這些能讓用戶分享的動機。

形式上——

1、幻燈片式：適用于頻繁、小型的需求。 例如：定期發布的內容，幾乎零預算；結合熱點的營銷，周期極短。

2、交互式動畫：制作周期和成本比較高，需要提前規劃。優質的H5大約在兩周到4周左右，也有可能更長。適用于例如： 中小型活動/品牌事件的傳播；大型活動/品牌事件的傳播。

3、功能型：輕交互重功能的功能型H5制作周期較短、成本也不高，成功的關鍵不在于酷炫的交互，而在于用戶需求的把握以及后續的運營。適用于例如： 品牌賬號的粉絲運營。

5、H5能在你心中留多久？

根據騰訊今年發布的《移動頁面用戶行為報告》提出的幾個數據，可以給到大家一些參考：

1、H5頁面熱度一般只能持續兩天 ；

2、加載超過5秒就會有74%的用戶離開頁面；

3、中午12點和晚上10點是頁面訪問的高峰期；

4、用戶大部分（89.9%）喜歡上下滑動或右點擊，只有10.1%會左點擊；

5、層級越深流失越多，在第五頁的時候只剩下一半不到（48.2%）；

6、平均分享率12.68%。

6、怎樣和H5保持熱戀關系？

從用戶角度挖掘H5的價值點，寫一篇軟文。通過圖文群發來推廣H5無疑是最重要的方式。

盡你所能利用所有能推廣H5的渠道。目前比較常用的方式：通過公眾號的圖文群發推廣、微信群推廣、線下二維碼推廣等式。

充分利用“閱讀原文”和自定義菜單：通過字體或者顏色的視覺跳躍引起注意，平均每個菜單項會有20%的新增粉絲點。

我們需明白，在僅限的時間內，我們能否將信息準確無誤的傳遞給更多用戶，并讓用戶易感知，留下好印象，然后在某個場景能想起你。

直白一點說，感情談好了，掏錢還會遠嗎？

轉載自：鳥哥筆記

紅星成都活動公司(http://m.jessymedia.com/)，一款0預算創建營銷活動，助您大幅降低開發與運營成本，實現場景化、精細化、數據化、自動化，助力運營實現快速拉新、留存、促活，提升用戶轉化的活動營銷工具。應用場景支持：APP應用+H5+微信公眾號。立即去體驗：http://m.jessymedia.com/Index/login