第 一章 H5營銷：

娛樂化社會(huì)營銷新模式

001 初步了解：H5營銷是什么、有何特點(diǎn) 2

002 優(yōu)勢分析：H5場景為何有利于營銷 5

003 H5怎么用：企業(yè)營銷人員該如何行動(dòng) 9

004 5大要點(diǎn)：探索H5營銷的潮流和方向 10

005 信息展示類：靜態(tài)展示級H5頁面 14

006 視頻動(dòng)畫類：交互級H5場景應(yīng)用 15

007 游戲互動(dòng)類：支持用戶的互動(dòng)參與 17

008 技術(shù)驅(qū)動(dòng)型：運(yùn)用炫酷的技術(shù)作為賣點(diǎn) 19

009 場景模擬型：營造某種特定場景的H5 22

010 尋找市場：如何合理地放置H5場景 25



第二章 制作平臺(tái)：

企業(yè)微場景的制作利器

011 百度H5：創(chuàng)意，絕不雷同 28

012 MAKA：簡單、強(qiáng)大的H5數(shù)字化營銷工具 30

013 意派Epub360：無須編程，在線設(shè)計(jì)專業(yè)級H5 33

014 橙秀XIU：H5微場景一鍵生成，自由DIY 37

015 兔展：一站式H5數(shù)字營銷平臺(tái) 39

016 最酷：H5云場景 互動(dòng)營銷創(chuàng)作平臺(tái) 43

017 人人秀：一站式微信活動(dòng)服務(wù)平臺(tái) 46

018 微娛：簽到、互動(dòng)、抽獎(jiǎng)一站式解決 49

019 易企秀：極簡制作流程，奢華呈現(xiàn)形式 53

020 iH5：像PS作圖一樣來制作H5 57



第三章 營銷流程：

H5營銷如何進(jìn)行策劃

021 定目標(biāo)：明確的目標(biāo)有利于實(shí)現(xiàn) 61

022 找熱點(diǎn)：讓整個(gè)活動(dòng)更加流暢 62

023 寫策劃：一份詳盡的策劃必不可少 65

024 交互設(shè)計(jì)：考慮H5的所有細(xì)節(jié)流程 66

025 視覺設(shè)計(jì)：溝通企業(yè)商品消費(fèi)者 71

026 程序開發(fā)：靠譜、有規(guī)劃、有經(jīng)驗(yàn) 76

027 程序測試：認(rèn)真檢測和體驗(yàn)所有流程 78

028 活動(dòng)上線：做好客服工作和營銷推廣 79

029 效果分析：分析和總結(jié)H5營銷活動(dòng) 84



第四章 內(nèi)容設(shè)計(jì)：

視覺營銷吸引粉絲關(guān)注

030 文案策劃：場景帶入，引發(fā)共鳴 89

031 打造故事：真實(shí)自然的好故事打動(dòng)人心 91

032 視覺設(shè)計(jì)：專屬風(fēng)格，眼前一亮 93

033 長頁面版式：流行的H5排版方式 100

034 畫面設(shè)計(jì)：一鏡到底、吸引眼球 102

035 視頻內(nèi)容：在H5頁面中添加視頻 105

036 應(yīng)用彈幕：如何制作一個(gè)100 000 的H5彈幕 106

037 設(shè)計(jì)倒計(jì)時(shí)：模擬多種數(shù)字時(shí)鐘的效果 107

038 圖片生成器：自動(dòng)合成指定營銷場景的圖片 109

039 在線表單：在H5頁面中插入表單讓用戶填寫 110

040 雷達(dá)掃描：快速體現(xiàn)H5營銷要點(diǎn) 112

041 照片海報(bào)：起到傳播 營銷的目的 113



第五章 活動(dòng)策劃：

引爆熱度提升粉絲黏性

042 投票活動(dòng)：投票眾籌互動(dòng)活動(dòng)，吸粉首選 116

043 大轉(zhuǎn)盤抽獎(jiǎng)：以抽取獎(jiǎng)品的形式與粉絲互動(dòng) 120

044 搖一搖：多種獎(jiǎng)勵(lì)發(fā)放機(jī)制吸引粉絲參與 121

045 砸金蛋：烘托氛圍，提高粉絲參與度 123

046 紅包活動(dòng)：幫助企業(yè)高效連接用戶 124

047 口令紅包：具有針對性的營銷活動(dòng) 132

048 天天拼字紅包：可以激發(fā)人們的挑戰(zhàn)欲望 135

049 好友砍價(jià)：吸引粉絲主動(dòng)邀請好友助力砍價(jià) 135

050 問卷調(diào)查：更高效的收集和更廣泛的傳播 137

051 全民集字：在朋友圈掀起集字浪潮，實(shí)現(xiàn)品牌曝光 139



第六章 傳播渠道：

多渠道全方面?zhèn)鬟_(dá)信息

052 朋友圈：如何讓你的H5刷爆朋友圈 143

053 公眾號(hào)：為H5推廣帶來精準(zhǔn)流量 144

054 微信群：獲得潛在優(yōu)質(zhì)粉絲關(guān)注 146

055 微信好友：微信裂變引流，裂變式傳播 147

056 廣點(diǎn)通：助H5實(shí)現(xiàn)精確用戶觸達(dá) 149

057 APP廣告：讓廣告與H5內(nèi)容完美結(jié)合 150

058 QQ空間：高效傳播億萬活躍用戶 150

059 自媒體平臺(tái)：互動(dòng)性是新媒體獨(dú)特的魅力 152

060 二維碼：大大提升H5推廣效率 153

061 線下活動(dòng)：H5 場景互動(dòng)讓用戶記住你 154



第七章 創(chuàng)意營銷：

顯著提升移動(dòng)廣告效果

062 定制開發(fā)：滿足企業(yè)的個(gè)性化需求 157

063 VR全景營銷：讓用戶仿佛身臨其境 157

064 趣味營銷：跟單調(diào)的頁面說再見 159

065 物理引擎：創(chuàng)建更有趣的H5 161

066 雙屏互動(dòng)：創(chuàng)建多人互動(dòng)的H5作品 162

067 指紋開屏：給用戶帶來前所未有的體驗(yàn) 163

068 無極滑動(dòng)：《Nike公司： 先 》 166

069 創(chuàng)意滑屏：《支付寶十年賬單》 167

070 內(nèi)容創(chuàng)意：《2017優(yōu)酷內(nèi)容精選！》 168

071 動(dòng)畫劇情化：《騰訊公益：99 1，讓愛滿分》 168

072 快閃動(dòng)畫：《物有腔調(diào)：要你好看！》 170

073 傳統(tǒng)頁面切換：《2014微博之夜》 171

074 重力感應(yīng)：《百度錢包：除了春天，一切禁止入內(nèi)》 172

075 復(fù)古擬物風(fēng)格：《選擇吧，人生！》 173

076 模擬翻書：營造出讀書翻頁的效果 174

077 場景/實(shí)物模擬：H5模擬直播形式 175



第八章 應(yīng)用行業(yè)：

全面滿足營銷推廣需求

078 金融行業(yè)：金融產(chǎn)品也可以玩H5創(chuàng)意營銷 177

079 互聯(lián)網(wǎng)行業(yè)：讓你的H5一登場就是焦點(diǎn) 180

080 電商行業(yè)：H5營銷已逐漸成為電商潮流 182

081 汽車行業(yè)：H5帶你領(lǐng)略汽車營銷新形式 184

082 房地產(chǎn)行業(yè)：一個(gè)H5輕松做成幾百萬的生意 185

083 游戲行業(yè)：H5游戲不一樣的營銷體驗(yàn) 188

084 服飾美妝：運(yùn)用H5進(jìn)行場景化表達(dá) 190

085 時(shí)尚飾品：由內(nèi)到外地雕琢美顏 192

086 數(shù)碼家電：如何玩出H5營銷新境界 192

087 食品百貨：用H5塑造自己的專屬品牌 193



第九章 應(yīng)用場景：

H5營銷適合哪些場景

088 活動(dòng)促銷：吸引消費(fèi)者購買的實(shí)效促銷策略 196

089 品牌宣傳：幫助企業(yè)打造一個(gè)高端品牌形象 197

090 公司介紹：品牌源于專業(yè)，宣傳企業(yè)文化 198

091 新品發(fā)布：震撼登場，快速幫企業(yè)獲取優(yōu)質(zhì)用戶 200

092 邀請函：承載你的創(chuàng)意，傳達(dá)你的聲音 202

093 人才招聘：招賢納士，尋找一個(gè)特別的你 205

094 商務(wù)匯報(bào)：工作報(bào)告/商業(yè)策劃書/個(gè)人總結(jié) 208

095 招商加盟：有計(jì)劃、有目的，離成功只差一步 210

096 節(jié)日應(yīng)用：節(jié)日到來，別忘了問候粉絲 210

097 個(gè)人應(yīng)用：制作屬于自己的個(gè)性化H5場景 213



第十章 經(jīng)典案例：

火爆的H5營銷新玩法

098 《六一發(fā)糖了，夢幻糖果機(jī)來襲》：緊靠節(jié)日熱點(diǎn)的借勢營銷 215

099《該新聞已被BMW快速刪除》：指尖上的速度與激情 216

100 《淘寶造物節(jié)邀請函》：類似于VR沉浸式體驗(yàn) 218

101 《穿越故宮來看你》：讓傳統(tǒng)文化活起來 220

102《Dopemine：THE SAVE 活口》：樹立了密室類H5的標(biāo)桿 221

103 《我們的精神角落》：做出了屬于豆瓣的文藝風(fēng)格 222

104《一杯咖啡遇見有意思的人》：如何真誠且優(yōu)雅地強(qiáng)勢營銷 223

105 《藍(lán)標(biāo)帶你重返20歲》：如何用H5體現(xiàn)企業(yè)文化 224

106《做一個(gè)LOGO，少一個(gè)朋友》：有了創(chuàng)意，用模板也能制作好玩的H5 225

107《我和微信的故事》：撬動(dòng)用戶心理的興奮點(diǎn)，瞬間引爆朋友圈 226

108《大屏手機(jī)就是小米Max群》：預(yù)熱活動(dòng)吸粉，展現(xiàn)新品特色 228