H5移动营销：活动策划+设计制作+运营推广+应用案例

完整的流程：数十万用户H5制作之选，傻瓜式操作，高大上效果，让您像制作PPT一样制作炫酷的移动展示！
热门的创意：*创意，随意挑选，让您的H5作品更加优秀并更有价值！
经典的案例：大量的品牌H5营销案例，共计120多个，让您的品牌变得有意义！
丰富的场景：产品推广、品牌宣传、自媒体吸粉等，全面满足您的个性化需求。
全面的行业：互联网金融、新零售电商、网络游戏、新媒体平台以及在线教育等，降低企业的移动营销成本，提高营销转化率，开        启推广营销新时代。

《H5移动营销：活动策划 设计制作 运营推广 应用案例》从H5移动营销的设计制作、活动策划、运营推广、应用案例4个方面入手，讲解了H5营销的创意设计、互动形式、内容策划和营销技巧，同时选择了经典案例，引导读者快速掌握移动互联网高端H5新媒体的设计方法。 《H5移动营销：活动策划 设计制作 运营推广 应用案例》从两条线帮助读者快速成为H5营销和运营高手！ *条是技巧学习线，用12章内容对H5的营销优势、创意玩法、微信吸粉、门店引流、品牌营销、内容策划、运营技巧、营销推广、广告、场景和行业案例等，进行了详细的叙述，让你一本在手，精通H5营销和运营！ 第二条是案例实战线，通过对120多个案例，包括新媒体、汽车、电商、餐饮、互联网、医疗、APP、游戏、房产、音乐、数码电子、金融理财、商超以及服务行业等在内的经典案例进行了解读，提供一站式营销解决方案！ 《H5移动营销：活动策划 设计制作 运营推广 应用案例》结构清晰、语言简洁，适合所有H5设计的爱好者，特别是H5初级设计人员、H5网站设计爱好者、对H5移动营销感兴趣的普通用户、传统纸媒体设计师以及新媒体广告美工等人员，同时也可以作为各类H5设计相关的培训中心、中职中专、高职高专等院校的辅导教材。

刘伟
知名移动互联网专家。中南大学移动互联网项目中心负责人。从事移动互联网运营和营销10多年。从移动APP的研发，到微信小程序的运营，再到H5视觉的营销，都有着一线的实战经验。从调研到设计，从注册到审核，从内容到形式，从营销到运营，从企业到用户，从引流到变现等，有着标准化、高效化的整套方案和方法。带领团队参与过多家品牌企业APP、小程序、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 微营销，互动性更强的场景体验
学前提示
H5 是一种娱乐化社会营销新模式，它的制作流程简单快捷，却能呈现出奢华多变的画面形式，而且可以精准投放保证传播效果，同时营销过程中的各种数据可以随时跟踪反馈，从营销到再营销，从传播到二次传播，是移动互联网时代不可多得的微营销工具。
要点展示
H5 移动营销，更小、更快、更简单
用实力说话，H5 移动营销的优势
从小白到大牛，H5 营销的3 大特性
1.1　H5 移动营销，更小、更快、更简单
在移动互联网时代，诞生了H5这种全新的信息连接方式，可以代替传统的纸张、印刷和派发等广告媒介，同时用户可以随意编辑需要的推广内容，做到“所见即所得”！
在当前火热的新媒体营销环境下，H5的推广方式简单得只需一个二维码，或者一个网页链接，即可将大量的信息呈现在用户眼前，适合多种用户场景。
1.1.1　企业做推广面临的困境
如今，网络推广方式五花八门，企业很难从中找到适合自己的方法，推广时也往往无人管理，投入成本高，但效果却比较差。
尤其是随着移动互联网和智能手机的飞速发展，很多企业都难以赶上这种发展速度，因此，在品牌或产品营销时，总会觉得难以适应这种全新的环境，从而感到种种困惑。
1．投入成本高
传统的营销推广方式，如派发传单、做平面广告以及团购优惠等，这些都需要较高的成本投入，而且客户体验也非常差。如图1-1所示为团购优惠宣传，只能单一地展现商家的优惠信息，而且这样商家不但要自降利润来做促销，同时还要给团购平台一定的服务费，主要的是和用户之间基本上没有互动，难以吸引他们的关注。
图1-1　传统的团购优惠营销
2．无新客营销方案
除了成本高外，这些传统的营销方式还存在“无新客营销方案”的缺陷，难以为店铺引流，同时也难以促进老顾客的再次消费，如图1-2所示。
图1-2　无新客营销方案
3．无老客维护方案
同时，传统营销模式在老顾客维护方面，也存在很大的问题，如图1-3所示。
图1-3　无老客维护方案
4．效果无法追踪
很多传统营销模式不能全程追踪营销效果，企业既不知道是谁买了自己的产品，也不知道他买了多少产品，这些数据难以统计和收集，更别说去刻画用户画像了。
另外，由于缺少专业的营销团队来做优化分析，通常一次营销活动过去就过去了，往往付出了很高的成本，结果企业却不能通过这次活动总结成功经验，或者发现其失败之处。
5．无自有营销平台
传统营销模式难以发挥自己店铺的客户资源优势，来建立自主控制的营销平台。
也许你的店铺销量很好，每天的客源很多，但是他们具体是怎么来的，是被你的传单吸引还是被你的优惠吸引，因为缺少自有营销平台，这些都难以统计。
另外，市场上的各种广告已经呈现高度饱和的状态，而且各类产品的同质化非常严重，大家对无孔不入的广告都见怪不怪了，企业很难通过广告打动消费者。
6．无数据支撑
传统的营销方式几乎得不到数据支撑，无法基于消费者的数据分析，做出千人千面的个性化营销方案。
要知道，如今已经是大数据时代，掌握数据就等于掌握了消费者，不但可以进行差异化营销，而且营销效果更加精准。大数据颠覆了传统的企业管理方式与经营发展模式，为企业营销带来了新的思维方式。
1.1.2　为什么选择做H5 营销
移动互联网具有碎片化、社会化等天然的营销优势，可以帮助企业更好地推广各种品牌活动、产品和服务，增加线下和线上的销量，同时获得大量的潜在优质粉丝关注，这些都是传统营销难以实现的。
同时，移动互联网为企业提供了很多营销工具，如APP、微信公众号以及新媒体等，但是，方便快捷的莫过于H5了。H5是社会化营销发展的必然产物，如图1-4所示。在互联网早期，大家用得多的社会化营销工具就是博客和微博，其主要内容也就是文字、图片和视频等；移动互联网时代以及微信的出现，让人们不再满足于单向的信息传递，更偏重双方的互动和分享，此时H5便成为时下社会化营销的标配物料。
图1-4　信息交流方式和渠道的改变
【专家提醒】
BLOG即网络日志，外语全名WEB LOG，后来缩写为BLOG，它是继E-mail、BBS和IM之后出现的第四种网络交流方式。
H5是伴随着移动互联网兴起的一种新型营销工具，由于它是移动互联网的衍生物，因此也具有很多移动互联网的营销优势，如娱乐化、碎片化、社会化、互动性强等。如今，H5已经成为各行各业必不可少的营销工具，可以帮助企业更好地吸粉引流、销售产品。
H5营销如今是移动互联网中的热词，那么H5营销究竟是什么，又有何特点？下面我们将做一个深入的分析。
1．认识H5
首先，我们来解析一下H5这个词。“H”是指HTML，它是超文本标记语言(HyperText Markup Language)的英文单词缩写，简单来说，就是一种规范、一种标准，它会以网页的形式呈现在我们面前。如图1-5所示，就是一个具有营销功能的淘宝HTML网页。
图1-5　淘宝HTML 网页
HTML的发展历程如图1-6所示。其中，IETF(The Internet Engineering Task Force)指的是互联网工程任务组，它是全球互联网权威的技术标准化组织。而W3C就是我们比较熟悉的万维网联盟，它在Web技术领域非常具有权威和影响力。