内容简介

《H5移动营销：活动策划+设计制作+运营推广+应用案例》从H5移动营销的设计制作、活动策划、运营推广、应用案例4个方面入手，讲解了H5营销的创意设计、互动形式、内容策划和营销技巧，同时选择了经典案例，引导读者快速掌握移动互联网高端H5新媒体的设计方法。

《H5移动营销：活动策划+设计制作+运营推广+应用案例》从两条线帮助读者快速成为H5营销和运营高手！

第一条是技巧学习线，用12章内容对H5的营销优势、创意玩法、微信吸粉、门店引流、品牌营销、内容策划、运营技巧、营销推广、广告、场景和行业案例等，进行了详细的叙述，让你一本在手，精通H5营销和运营！

第二条是案例实战线，通过对120多个案例，包括新媒体、汽车、电商、餐饮、互联网、医疗、APP、游戏、房产、音乐、数码电子、金融理财、商超以及服务行业等在内的经典案例进行了解读，提供一站式营销解决方案！

《H5移动营销：活动策划+设计制作+运营推广+应用案例》结构清晰、语言简洁，适合所有H5设计的爱好者，特别是H5初级设计人员、H5网站设计爱好者、对H5移动营销感兴趣的普通用户、传统纸媒体设计师以及新媒体广告美工等人员，同时也可以作为各类H5设计相关的培训中心、中职中专、高职高专等院校的辅导教材。

前言

如今，移动互联网的发展速度已经远远超出了人们的想象，移动设备越来越普及，人们越来越离不开智能手机，甚至出门可以不带钱包，基于移动互联网和智能手机的H5也被广泛运用到各个营销领域。

H5是超文本语言HTML的第五次修订，是Web标准巨大的飞跃。近年来，H5发展得如火如荼，各类手机端小游戏、运营以及广告等，纷纷采用H5的形式来进行产品和品牌传播。

微信的火爆，带动微信营销的崛起，H5成了微信中体验最好的营销推广模式。在微信公众号和朋友圈中，随处可见各种H5页面，如结婚请柬、招聘信息、公司宣传、产品推广、吸粉活动和营销活动等，H5犹如一匹黑马在各种社交平台上传播开来，并形成了燎原之势。

从2014年萌芽到2018年爆发，从“H5是什么”到“什么都要做个H5”。H5多设备和跨平台的特点非常利于信息的传播，使它仿佛成为长在朋友圈里的庄稼，一茬又一茬地收割着流量红利。

一个好的H5，无论是在立意、创意、设计的层面，还是在制作和传播过程中，都需要协同一致，技术的把握、创意与文案的优化、传播的执行都不可或缺。目前，市场上针对系统化的H5营销书籍非常少，因此笔者编写了这本书，可满足各类人群的使用需求。笔者不仅在本书中总结了系统的H5方法论，还为读者提供了大量的刷屏级H5案例，可以说，你买到的不只是一本，还是一套会升级的行业宝库。

本书共分为4大篇，包括设计制作+活动策划+运营推广+应用案例，一条龙解决用户营销需求。本书的具体内容安排如下。

【设计制作】：主要讲解了H5微营销的优势特性、制作工具、开发流程、作品案例以及创意设计等内容，用通俗易懂的方式，阐述了H5的设计和制作方法，将各种最新技术用于H5营销推广，最大限度地吸引用户关注。

【活动策划】：主要包括快速吸粉、裂变增长以及保持活跃等微信活动，新客进店、顾客留存、现场互动和分享传播等门店引流活动，以及品牌引流、品牌推广、品牌认同和品牌维护等品牌营销活动，为企业量身定制H5营销活动方案。

【运营推广】：主要包括打造爆品、优化爆品、运营思维、策划共鸣故事、超级IP营销、丰富流量渠道以及专业的H5推广技巧等内容，让H5的营销推广更有竞争力，为企业带来更多潜在客户，快速提升企业销售额和品牌影响力！

【应用案例】：主要包括产品推广、品牌宣传、商业场景、生活场景、传统行业以及互联网行业等经典案例，从创意角度和技术角度讨论H5案例，看大品牌都在怎么做H5营销并获得成功，让我们一起跟上时代步伐。

本书非常适合那些对H5移动营销很感兴趣，但没有相关基础和知识的用户阅读，能为读者打下坚实的基础。

(1) H5设计的爱好者：大量案例帮助有设计基础的读者带来更多创意思路。

(2) H5初级设计人员、H5网站设计的爱好者：系统学习H5的制作和运营。

(3) 对H5移动营销感兴趣的普通用户：了解H5营销的基本方法和流程。

(4) 传统纸媒体设计师以及新媒体广告美工等人员：掌握H5视觉设计的要点，为转型做知识充电，提升自己的职场技能，挑战更多高新职业。

(5) 高校教材或培训材料：可作为H5的可靠工具书，学习到非常系统的H5设计和营销知识，帮助学生自学提升。

本书是一本综合实战型的H5教程，除了有理论知识的讲解，还有各个领域实战案例的讲解。如果你准备在移动营销行业发展，那么本书一定适合你。一书在手，涵盖H5设计和营销技巧，应有尽有。

下面看看本书有哪些特色亮点。

完整的流程：数十万用户H5 制作之选，帮助用户利用各种精美模板一键生成H5，傻瓜式操作，高大上效果，让你像制作PPT 一样制作炫酷的移动展示！

热门的创意：顶级创意，随意挑选，起到抛砖引玉的作用，将创意思想更加完美地运用到H5 页面设计当中，让你的H5 作品更加优秀并更有价值！

经典的案例：大量的品牌H5 营销案例，腾讯、百度、支付宝、宝马、京东、万达、美的以及天猫等，共计120 多个，让你的品牌变得有意义！

丰富的场景：产品推广、品牌宣传、自媒体吸粉、企业招聘、活动会议、优惠促销、邀请函、微商引流、个人简历以及节日贺卡等，全面满足你的个性化需求。

全面的行业：房产、餐饮、汽车、电子数码、时尚饰品、互联网金融、新零售电商、网络游戏、新媒体平台以及在线教育等，降低企业的移动营销成本，提高营销转化率，开启推广营销新时代。

本书同时博采其他同类书籍的特色之处，通过这种系统而翔实地讲述，希望能够为读者带来真实的营销帮助，让读者零预算也能做出刷爆朋友圈的H5活动，让产品的流量和转化暴涨。

本书由刘伟编著，参与编写的人员还有柏松、谭贤、谭俊杰、徐茜、刘嫔、刘胜璋、刘向东、刘松异、苏高、周玉姣、谭中阳、杨端阳、柏承能、刘桂花等人，在此表示感谢。由于作者知识水平有限，书中难免有错误和疏漏之处，恳请广大读者批评、指正。

编　者

目录

设计制作篇

第１章　H5 微营销，互动性更强的场景体验

1.1　H5 移动营销，更小、更快、更简单     4

1.1.1　企业做推广面临的困境        4

1.1.2　为什么选择做H5 营销          6

1.1.3　H5 移动营销的功能特色       9

1.1.4　细数H5 用户的行为特征       13

1.1.5　互联网巨头H5 页面之争       14

1.1.6　H5 移动营销爆发成定局      16

1.2　用实力说话，H5 移动营销的优势  17

1.2.1　6 大优势，助力企业一站式营销    17

1.2.2　3 大好处，让用户对H5 爱不释手     22

1.3　从小白到大牛，H5 营销的3 大特性    24

1.3.1　H5 移动营销的创新性        24

1.3.2　H5 移动营销的病毒性        25

1.3.3　H5 移动营销的品牌性        27

第２章　爆款H5 制造器，只生产刷屏级H5

2.1　H5 的制作工具和工具组合形式     30

2.1.1　开发类H5 制作工具     30

2.1.2　网站类H5 制作工具     33

2.1.3　辅助类H5 制作工具     38

2.2　简单3 步快速做出专业级互动H5   40

2.2.1　在模板库中挑选H5 模板和素材    40

2.2.2　H5 模板素材中的替换与活动配置     42

2.2.3　一键生成H5 作品并进行发布推广   44

2.3　制作炫酷的H5 移动展示作品  48

2.3.1　运用Photoshop 制作H5 作品     48

2.3.2　运用手机平台制作H5        60

第３章　超级H5 设计，激发您的创作灵感

3.1　刷屏级的超级H5 创意设计    64

3.1.1　展示型H5 场景     64

3.1.2　交互型H5 场景     65

3.1.3　游戏型H5 场景     66

3.1.4　技术型H5 场景     71

3.1.5　模拟型H5 场景     73

3.2　H5 玩法知多少？让你大开眼界     77

3.2.1　人脸识别     77

3.2.2　重力感应     79

3.2.3　视频互动     81

3.2.4　AR/VR       82

3.2.5　720 度全景      85

3.2.6　快闪影片     86

3.2.7　一镜到底     87

3.2.8　多屏互动     89

活动策划篇

第４章　微信吸粉活动，社交圈病毒裂变传播

4.1　快速吸粉，简单粗暴即刻见效   94

4.1.1　开通强制关注功能：一分钟搞定H5 涨粉设置   94

4.1.2　微信关注抽奖活动：公众号快速吸粉逾万人      95

4.1.3　语音红包吸粉活动：H5 流量轻松突破10W+    97

4.2　裂变增长，紧跟热点引爆粉丝   99

4.2.1　分享奖励活动：微信公众号吸粉效果最大化      99

4.2.2　口令红包活动：引导老粉丝关注新的公众号     104

4.2.3　照片投票活动：推广品牌并促进公众号活跃     105

4.2.4　在线答题活动：通过答题结果筛选精准粉丝     107

4.3　保持活跃，提高活跃保持黏性     109

4.3.1　H5 小游戏活动：跟进节日热点推广自身产品    109

4.3.2　摇一摇抽奖活动：投资回报率最高的营销方式      111

4.3.3　打卡签到活动：完美解决粉丝不活跃的问题     114

第５章　门店引流活动，解决门店来客难问题

5.1　线上线下结合，H5 深入营销场景     118

5.1.1　线下互动：鼓励用户线下二次消费         118

5.1.2　线下引流：轻松打造H5 引流利器        120

5.2　新客进店活动，吸引新客进行消费    121

5.2.1　投票活动：吸引用户，推广品牌     121

5.2.2　红包邀请函：立竿见影的引流效果         123

5.2.3　抽奖活动：带动门店产品销量增长         125

5.2.4　砍价预售活动：大幅增加线下引流         128

5.3　顾客留存活动，提升顾客消费金额    130

5.3.1　优惠券活动：提高线下门店的热度         130

5.3.2　H5 小游戏：延长顾客线下消费时间        132

5.3.3　等位活动：用H5 活动减少等位流失      133

5.4　现场互动活动，互动式体验微场景    135

5.4.1　线下会展活动：吸引更多人流   136

5.4.2　会议现场活动：丰富会议环节   137

5.4.3　连续性现场活动：沉淀大量粉丝     138

5.5　分享传播活动，引爆顾客自发分享    139

5.5.1　礼品活动：顾客赢福利、门店得利润       139

5.5.2　裂变红包：消费者推荐好友送红包         141

5.5.3　分享后抽奖：快速扩散门店促销消息       143

第６章　品牌营销活动，增加品牌的曝光机会

6.1 品牌引流活动，轻松打造流行品牌    146

6.1.1 简单H5 模板引流法          146

6.1.2 自定义兑奖码引流法        148

6.1.3 客服兑奖激励引流法        148

6.2 品牌推广活动，全面传达品牌调性    149

6.2.1 VR 全景+ 红包：瞬间引爆品牌    149

6.2.2 语音红包活动：打响品牌标语   152

6.2.3 植入广告：尽可能地曝光品牌   153

6.3 品牌认同活动，加强顾客品牌认知    156

6.3.1 答题红包活动：向用户灌输品牌知识       156

6.3.2 品牌调性活动：用H5 打响品牌名声      158

6.3.3 线上传播活动：让品牌深入粉丝心中       159

6.4 品牌维护活动，巩固品牌市场地位    160

6.4.1 品牌促销活动：提升品牌美誉度     160

6.4.2 日常维护活动：增加品牌曝光量     162

运营推广篇

第７章　H5 内容策划，手把手教你打造爆品

7.1 打造爆品：H5 内容策划的5 大关键   168

7.1.1 作品标题设计       168

7.1.2 版式字体设计       168

7.1.3 色彩风格设计       170

7.1.4 交互动作设计       170

7.1.5 视觉流程设计       171

7.2 优化爆品：H5 分享传播的5 大要点   172

7.2.1 创意创新    172

7.2.2 分享价值    174

7.2.3 视觉呈现    175

7.2.4 风格统一    178

7.2.5 话题效应    181

第８章　H5 运营技巧，从用户出发做微营销

8.1 化难为易，掌握H5 运营的6 大思维       184

8.1.1 流量思维：H5 助力突破流量困境    184

8.1.2 游戏思维：让营销变得更简单有趣         185

8.1.3 借势思维：凡是节日皆热点     186

8.1.4 奖励思维：重赏之下，必有勇夫     188

8.1.5 众筹思维：筹人、筹智、筹圈子     190

8.1.6 生活思维：H5 应该是“走心”的    190

8.2 三点一线，制作让用户共鸣的故事    192

8.2.1 泪点：催人泪下，打动用户内心     192

8.2.2 痛点：痛定思痛，满足用户需求     194

8.2.3 触点：触景生情，引起用户共鸣     195

8.2.4 故事线：代入感，让H5“活”起来        196

第９章　H5 营销推广，建立移动营销生态圈

9.1 H5+ 超级IP 营销：形成群体价值观   200

9.1.1 古文化大IP 的创意设计      200

9.1.2 人气公知IP 快速聚集粉丝    201

9.1.3 人气偶像IP 强大的号召力    201

9.2 丰富流量渠道：获得更高转化回报    202

9.2.1 将H5 分享到朋友圈          202

9.2.2 将H5 分享到微信群          204

9.2.3 将H5 分享给微信好友        205

9.2.4 将H5 分享到APP    208

9.2.5 将H5 分享到新媒体          209

9.2.6 使用二维码分享H5         210

9.2.7 在线下活动中分享H5        211

9.3 专业的H5 推广：更精准、更灵活   212

9.3.1 有痛点的H5 软文，打造爆品     212

9.3.2 让数据说话，H5 的精准投放    213

9.3.3 做好微信的设置，一键快投     217

应用案例篇

第10 章　H5 广告案例，绝妙广告创新体验

10.1 产品推广H5 案例   222

10.1.1 宝马中国：《该新闻已被BMW 快速删除》      222

10.1.2 华硕：《嘿，该关灯了》     223

10.1.3 百度钱包：《除了春天，一切禁止入内》     224

10.1.4 鼎诚• 馥桂园：《童年• 悠悠时光》     225

10.1.5 大众点评：《这个陌生来电你敢接吗？》     226

10.2 品牌宣传H5 案例   228

10.2.1 海尔：《用爱温暖你的全世界》         228

10.2.2 雀巢咖啡：《一杯咖啡遇见有意思的人》     229

10.2.3 豆瓣：《我的精神角落》     230

10.2.4 YunOS：《Run ！ 7 号皇牌》    231

10.2.5 杜蕾斯：《杜杜真心话树洞》     232

第11 章　H5 内容策划，手把手教你打造爆品

11.1 商业场景H5 案例   234

11.1.1 企业招聘：《赶集网春季招聘节》       234

11.1.2 活动预热：《大屏手机就是小米Max 群》   235

11.1.3 活动报名：《穿越故宫来看你》         236

11.1.4 活动邀请函：《淘宝造物节邀请函》     237

11.1.5 微商引流：《这里藏着我的秘密》       238

11.2 生活场景H5 案例   239

11.2.1 纪念相册：《旅行》      240

11.2.2 个人简历：《神秘大咖登报求职》       240

11.2.3 结婚请柬：《我们结婚了》   242

11.2.4 节日贺卡：《新年制造》     243

11.2.5 情侣表白：《祝你牵手成功！》         244

第12 章　H5 行业案例，引爆创意，创造财富

12.1 传统行业H5 案例   246

12.1.1 房产行业：《一个长长的青春纪念册》   246

12.1.2 餐饮行业：《果然聚会玩 聚会神器》   247

12.1.3 汽车行业：《测测脑司机反应》         248

12.1.4 电子数码：《小爱语音点歌台》         249

12.1.5 时尚饰品：《六福珠宝–12 星座读星术》     250

12.2 互联网行业H5 案例       251

12.2.1 互联网金融：《每天，你演多少个自己》     252

12.2.2 新零售电商：《京东11-7 日常用品店》     253

12.2.3 网络游戏：《天呐，周杰伦竟然会读心术！》    253

12.2.4 新媒体平台：《少年π 的虎口历险》     255

12.2.5 在线教育：《认真的人好可怕》         255