營銷智庫

H5營銷：H5頁面如何走心？

從用(yòng)戶角度挖掘H5的(de)價值點，寫一篇軟文。通(tōng)過圖文群發來(lái)推廣H5無疑是最重要的(de)方式。在僅限的(de)時(shí)間内，我們能否将信息準确無誤的(de)傳遞給更多(duō)用(yòng)戶，并讓用(yòng)戶易感知，留下(xià)好印象，然後在某個(gè)場(chǎng)景能想起你。

H5突然火了(le)。

通(tōng)過微信和(hé)朋友圈的(de)快(kuài)速發展，H5靠著(zhe)無需下(xià)載、即點即用(yòng)的(de)屬性迅速上位，一躍變成炙手可(kě)熱(rè)的(de)小鮮肉。

1、爲什(shén)麽說它是小鮮肉？

跟大(dà)家分(fēn)享一份eMarketer的(de)數據，其中顯示了(le)2012年 -2018年營銷在不同媒體渠道的(de)預算(suàn)比重：

相比電視、雜(zá)志、戶外廣告等傳統媒體呈逐年下(xià)降的(de)趨勢，品牌營銷在數字和(hé)移動方面的(de)投入在逐年上升，而且，在所有渠道預算(suàn)中移動技術的(de)投入增長(cháng)最快(kuài)，遠(yuǎn)遠(yuǎn)高(gāo)于其他(tā)渠道的(de)增長(cháng)。

移動營銷已是大(dà)勢所趨。

2、什(shén)麽是H5？

H5，是HTML 5的(de)簡稱，它就是一種高(gāo)級網頁技術。

還(hái)是沒聽(tīng)懂(dǒng)？

這(zhè)麽說吧，我們平時(shí)看到那些邀請函、小遊戲、幻燈片……都是H5網頁，它跟我們平時(shí)上網看到的(de)那些網頁本質上沒有任何區(qū)别。

隻不過大(dà)家普遍接受的(de)那個(gè)網頁技術版本是HTML4，而這(zhè)個(gè)版本是在1997年發布的(de)。相比H4，H5有更多(duō)的(de)交互和(hé)功能，最大(dà)的(de)優點之一是在移動設備上支持多(duō)媒體。

3、H5能做(zuò)什(shén)麽?

這(zhè)邊我大(dà)緻做(zuò)了(le)三個(gè)分(fēn)類：

1、品牌傳播：形式一般爲品牌發布、總結報告、公益傳遞、人(rén)事招聘；

2、活動推廣：形式一般爲賀卡邀請、遊戲互動、答(dá)題有獎；

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

4、H5案例分(fēn)享:

品牌傳播之品牌發布型

騰訊——生命之下(xià)，想象之上

品牌傳播之總結報告型

京東——京東十大(dà)任性

品牌傳播之公益傳遞型

歐萊雅：我和(hé)你之間，就差一個(gè)字

品牌傳播之人(rén)事招募型

東華禅寺——招聘啓事

這(zhè)是一個(gè)看似正經的(de)總結：

品牌傳播型H5——等同于一個(gè)品牌的(de)微官網，更傾向于品牌形象塑造，向用(yòng)戶傳達品牌的(de)精神态度。在内容上倡導一種态度、一個(gè)主旨，在設計上則需要運用(yòng)符合品牌氣質的(de)視覺語言，讓用(yòng)戶對(duì)品牌留下(xià)深刻印象。

關于視覺

整體——氛圍渲染

細節刻畫(huà)——人(rén)物(wù)、元素配合

關于内容

适當借力——尋找共鳴

熱(rè)點結合——業務闆塊完美(měi)融合

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

活動推廣之賀卡邀請型

百度股市通(tōng)——一封神秘的(de)邀請函

活動推廣之遊戲互動型

小時(shí)代：邀你來(lái)撕逼

活動推廣之答(dá)題有禮型

途風旅遊網：時(shí)光(guāng)倒回9年，你會選擇怎樣人(rén)生？

這(zhè)是一個(gè)看似正經的(de)總結：

活動推廣型H5——活動運營頁需要有更強的(de)互動、更高(gāo)質量、更具話(huà)題性的(de)設計來(lái)促成用(yòng)戶分(fēn)享傳播，行成爆炸式的(de)傳播效應。

關于視覺

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

沖擊性——最好閃瞎你的(de)钛金狗眼，讓用(yòng)戶忍不住帶著(zhe)“矮油不錯，這(zhè)個(gè)頁面有點diao噢”的(de)心情點擊分(fēn)享

關于内容

标題黨——做(zuò)個(gè)妥妥的(de)标題黨，先到碗裏來(lái)再說

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

産品展示之故事講述型

一封來(lái)自1947年的(de)明(míng)信片

産品展示之性能展示型

蘭蔻: “天鵝頸”睫毛膏

這(zhè)是一個(gè)看似正經的(de)總結：

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

關于視覺

整體——清晰、簡潔

細節刻畫(huà)——産品爲主，性能刻畫(huà)

關于内容

講個(gè)好故事——引起共鳴

差異化(huà)展示——尋找産品個(gè)性和(hé)調性

這(zhè)是一個(gè)正經的(de)總結：

内容上——

1、故事化(huà)：不論H5的(de)形式如何多(duō)變，有價值的(de)内容始終是第一位的(de)。在有限的(de)篇幅裏，學會講故事，引發用(yòng)戶的(de)情感共鳴，将對(duì)内容的(de)傳播形成極大(dà)的(de)推動。

2、場(chǎng)景化(huà)：H5的(de)設置中，融入如寫字樓、地鐵站這(zhè)些場(chǎng)景，一是讓用(yòng)戶能在參與中，找到熟悉感以更容易的(de)接受裏面的(de)信息，二是也(yě)是最重要的(de)，場(chǎng)景承載的(de)品牌信息，能在用(yòng)戶過後在某個(gè)特定場(chǎng)所裏，喚起他(tā)們的(de)認知，從而加深用(yòng)戶對(duì)品牌的(de)印象。

4、強互動：加入互動機制，能讓用(yòng)戶進一步感知體驗H5宣傳的(de)品牌産品，提高(gāo)對(duì)産品的(de)購(gòu)買欲望。

5、參與感：結合産品本身的(de)特性以及用(yòng)戶的(de)喜好進行參與機制的(de)設置。

6、社交性：要讓品牌能傳播得(de)更遠(yuǎn)還(hái)需在H5上融入社交性，借助用(yòng)戶的(de)社交關系鏈傳播。社交需求是用(yòng)戶存在社交媒體的(de)核心，通(tōng)常用(yòng)戶會通(tōng)過談資、幫助、比 較、炫耀、窺視.....

與好友維持或促進社交關系。因此，在H5設計中，應融入了(le)這(zhè)些能讓用(yòng)戶分(fēn)享的(de)動機。

形式上——

1、幻燈片式：适用(yòng)于頻(pín)繁、小型的(de)需求。 例如：定期發布的(de)内容，幾乎零預算(suàn)；結合熱(rè)點的(de)營銷，周期極短。

2、交互式動畫(huà)：制作周期和(hé)成本比較高(gāo)，需要提前規劃。優質的(de)H5大(dà)約在兩周到4周左右，也(yě)有可(kě)能更長(cháng)。适用(yòng)于例如： 中小型活動/品牌事件的(de)傳播；大(dà)型活動/品牌事件的(de)傳播。

3、功能型：輕交互重功能的(de)功能型H5制作周期較短、成本也(yě)不高(gāo)，成功的(de)關鍵不在于酷炫的(de)交互，而在于用(yòng)戶需求的(de)把握以及後續的(de)運營。适用(yòng)于例如： 品牌賬号的(de)粉絲運營。

5、H5能在你心中留多(duō)久？

根據騰訊今年發布的(de)《移動頁面用(yòng)戶行爲報告》提出的(de)幾個(gè)數據，可(kě)以給到大(dà)家一些參考：

1、H5頁面熱(rè)度一般隻能持續兩天 ；

2、加載超過5秒就會有74%的(de)用(yòng)戶離開頁面；

3、中午12點和(hé)晚上10點是頁面訪問的(de)高(gāo)峰期；

4、用(yòng)戶大(dà)部分(fēn)（89.9%）喜歡上下(xià)滑動或右點擊，隻有10.1%會左點擊；

5、層級越深流失越多(duō)，在第五頁的(de)時(shí)候隻剩下(xià)一半不到（48.2%）；

6、平均分(fēn)享率12.68%。

6、怎樣和(hé)H5保持熱(rè)戀關系？

從用(yòng)戶角度挖掘H5的(de)價值點，寫一篇軟文。通(tōng)過圖文群發來(lái)推廣H5無疑是最重要的(de)方式。

盡你所能利用(yòng)所有能推廣H5的(de)渠道。目前比較常用(yòng)的(de)方式：通(tōng)過公衆号的(de)圖文群發推廣、微信群推廣、線下(xià)二維碼推廣等式。

充分(fēn)利用(yòng)“閱讀原文”和(hé)自定義菜單：通(tōng)過字體或者顔色的(de)視覺跳躍引起注意，平均每個(gè)菜單項會有20%的(de)新增粉絲點。

我們需明(míng)白，在僅限的(de)時(shí)間内，我們能否将信息準确無多(duō)用(yòng)戶，并讓用(yòng)戶易感知，留下(xià)好印象，然後在某個(gè)場(chǎng)景能想起你。

直白一點說，感情談好了(le)，掏錢還(hái)會遠(yuǎn)嗎？