目录1、什么是H5..........................................32、H5有哪些玩法.......................................42.1幻灯片式H5.....................................42.1.1幻灯片式H5的应用..........................42.2交互动画式......................................52.2.1交互动画式H5的应用........................52.3功能型H5.......................................62.3.1功能型H5的应用............................63、H5能做什么........................................73.1品牌文化展示....................................73.2产品展示与销售..................................83.3活动邀请函......................................93.4公司介绍......................................113.5发布招聘信息...................................114、H5如何推广.......................................12H5营销具体介绍H5营销之前,先大家分享一份的数据,其中显示了2012年–2018年品牌在不同媒体渠道的预算比重:图1相比电视、杂志、户外广告等传统媒体呈逐年下降的趋势,品牌营销在数字和移动方面的投入在逐年上升。而且,在所有渠道预算中移动技术的投入增长最快,远远高于其他渠道的增长。当然,这样的结论你应该不会感到惊讶,因为我们早已习惯了24小时手机陪伴的生活,而品牌最关注的就是消费者「在哪」的问题。据调查数据显示,我们每天要查看手机150次,44%的人睡觉都把手机放在身边。毫无疑问,手机是有史以来最强大的媒介,从早上醒来到临睡前的一秒,这个几英寸的屏幕都在和我们「交流」。显然,移动营销已是大势所趋,我们可以看到已经广泛应用的签到、二维码技术就在2014年,微信变成广告主快速转移和投入的社交平台,作为载体的朋友圈更是受到了各方关注。一项本来还不太成熟的技术也在微信的社交舞台下大放异彩,让我们见识了「移动+社交」爆发的巨大能量。这就是H5——传播性更好和分享性更大、功能用途更全的利器1、什么是H5呢?简单来说,H5就是一种高级网页技术,我们平时看到那些邀请函、小游戏都是H5网页,确切来说叫HTML5.什么是HTML?这里简单解释一下:想象一下两个计算机在沟通的场景,A如果要把一个图文信息传给B的时候,交流过程中B肯定会产生这样的问题:你给了我那么多信息,哪些是网页标题、哪些是正文、哪些又是图片呢?于是,A和B商量了一个办法,用一些符号来标记不同类型的内容,而这些标记的一整套规范就是HTML。复杂的HTML5开发门槛高,设计和程序编写需花费很大人力物力财力,找开发公司做价格在几万到几十万不等。但是,随着H5技术的兴起和需求的不断增大,很多开发好的工具应运而生,大大降低了开发成本。(此处有案例)每个案例对应一个类型。幻灯片式()交互动画式(可口可乐128周年、找徐峥)功能型(腾讯地图)2、H5有哪些玩法?2.1幻灯片式H5这是H5最早期也是最典型的玩法,因为简单、实用,所以至今还很流行。其效果就是简单的图片展示&翻页交互,最终整体的表现很像幻灯片展示。幻灯片式的H5现在已经出现了很多在线制作软件供大家使用,所以制作成本在现在看来几乎是等于零的,而在之前这样一个应用的开发可能要几万到十几万。这对于品牌主来说是一个好事,因为很多时候这种简单的展示已经能满足需求了,不需要花不必要的钱。2.1.1幻灯片式H5的应用定期发布的内容,几乎零预算。这些内容相对而言比较常规,但是有时微信图文又无法达到理想的效果,通过H5的形式会更易于传播,当然前提是要有好的设计。比如数据报告、频繁上线的新产品或功能、小型线下活动邀请、活动相册等等。结合热点的营销,周期极短。这种情况下,时效性是非常重要的,如果开发一个H5用了半个月,热点想必也结冰了。所以,应该以最快的速度推出才是明智的选择,而这时候引起广泛传播的关键就在于文案和设计。2.2交互动画式可口可乐128周年时间轴H5(待搜二维码)除了这种叙事型的H5动画,我们能看到的大多数H5游戏也都都属于这一类,比如神经猫、打企鹅、2048等等。最近也有一个比较火的H5游戏叫「财务包子铺」,在这个游戏中用户扮演包子铺的创业老板,在事业发展的不同阶段做出经营决策,最终登上人生巅峰。虽然游戏中植入了赤裸裸的产品推广(知乎的一本新书),但最后还是取得了3天破300万PV的成绩。2.2.1交互动画式H5的应用交互式动画类型的H5制作周期和成本比较高,需要提前规划。除了创意、文案、设计这些以外,开发周期较长,优质的H5大约在两周到4周左右,也有可能更长。中小型活动/品牌事件的传播适用预算不多、周期较短。这种情况一般就是某些新品发布、企业招聘、公关事件、中型会议等的传播。大型活动/品牌事件的传播,预算充足、计划性强、周期较长。一般大家看到的那些美轮美奂并且极具传播性的H5基本上都属于这一类,比如上文提到的可口可乐「分享快乐128年」,像这一类在美学、交互和故事性上都表现突出的案例,都需要很长的开发时间,开发价格也是也很高。2.3功能型H5除了针对受众的热点内容传播以外,它很像一个「供用户重复使用」的产品,这就是所谓的功能型H5。它看起来是一个再简单不过的网页,但如果从它满足用户需求并产生重复「使用」行为的角度,它其实是一个产品。也是未来的某种趋势,比如它可以直接代替APP,而且成本远低于做一个APP。图2这个是百度针对地铁涨价做的H5,它可以计算你每天坐地铁要多少钱并且实时显示大家的评论2.3.1功能型H5的应用品牌账号的粉丝运营。功能型H5由于具备一定的产品特性,其最大的价值就是提高粉丝活跃度和忠诚度。我们需要根据本身品牌的形象定位以及受众的特性设计功能型H5,要将品牌或产品的功能性特征抽象到生活方式或者精神追求的层次。卖洗手液的可以抽象为健康生活方式,设计一个改善生活健康状态的功能型H5;服装品牌可以抽象为追求时尚前沿,设计一个定期更新时尚潮流资讯的功能型H5。事实上,以粉丝需求为中心的功能型H5将潜移默化的提升品牌影响力,在提升忠诚度的同时带来持续的口碑传播。结合热点内容的品牌传播。这种类型的传播是最常见的,但是往往很多结合热点的H5传播都是一次性娱乐消费,大家看过就忘了。3、H5能做什么?就企业的方面谈谈H5能为我们做什么。H5已经被各行各业所频繁使用,来满足企业各种不同的需求。从高档耐用品如汽车、楼房、家具家电到快消品如日用品食品类。大型企业和中小企业都把H5作为一种品牌传播的重要手段。目前它能为企业提供的基本功能有:品牌文化展示、产品展示、粉丝互动、企业介绍、活动邀请函、发布招聘信息等等。3.1品牌文化展示型可口可乐128周年时间轴H5图3(待搜二维码)以讲故事的方式,使用幻灯片或动画来告诉品牌/产品的故事或活动的预热和介绍。此类H5页面等同于一个品牌的微官网,更倾向于品牌形象塑造,向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言,让用户对品牌留下深刻印象。3.2产品展示与销售(1).团圆就在洽洽食品以幽默的画风和温馨的文案讲出了每个人都有体会故事,让观看者有情感共鸣,同时展示了洽洽食品各系列的产品,最后又有优惠劵领取,客户领取了优惠劵之后,看到下面“了解更多”按钮,点击后就跳转到洽洽的京东官网,促进了点击率向购买率的转化。(2)麻辣小龙虾(3)农产品善粮派3.3活动邀请函(1)炫酷型邀请函的H5是最能出创意,因为邀请函能够结合发布会的核心点做延伸之外的创意,而这个邀请函,动效超炫,创意脑洞也很大,配上背景音乐,肯定会让这个发布会档次提升。(2)个人案例:婚礼邀请函这是我为一个朋友做的结婚请帖。这种形式相信大家在自己的朋友圈里已经见过不少了,今年,很多新人都通过这样的方式发出邀请函,宣布自己结婚的消息,婚纱照、时间、日期、地址甚至婚礼流程都可以在里面体现,受邀者在H5的表单里填写自己的信息,很方便新人统计来宾人数,做出合理安排。3.4公司介绍玉麒麟品牌设计公司3.5发布招聘信息(1)途牛旅游网络招聘4、H5如何推广?针对性的性的提出几点建议:1、从用户角度挖掘H5的价值点,写一篇软文。通过图文群发来推广H5无疑是最重要的方式,但是如果只是简单硬性推广,比如宣布今天我们上线了一个高大上云云的H5,然后就让用户点击「阅读原文」自己看,显然这种新闻通稿式的推广不会有太好的效果。一个好的H5一定具备打动用户的价值点,从一个角度切入写一篇软文,无论通过投稿的方式还是大号转发都能给你带来意想不到的传播效果。投入再大再精彩的H5,如果没有好的推广就只能孤芳自赏,所以哪怕是留点推广预算也是值得的。2、利用所有能推广H5的渠道。目前比较常用的方式:通过公众号的图文群发推广、微信群推广、线下二维码推广,以及KOL(意见领袖)转发和投稿等。这里主要说一下有关微信群的几点建议。首先,列出所有能用到的资源,发动内部人员转发,(前提是H5做得很棒)。但是,每个微信群其实都有自己的定位——工作、生活或者闲聊扯淡,所以为了提升打开率可以适当的为不同的微信群定制转发的文案,比如以之前提到的的可口可乐时间轴为例,对于工作学习为主的群可以是「品牌H5做成这样也是蛮拼的!」,如果是更加生活化的群就可以是「史上最好玩的H5应用,根本停不下来」之类的,但是如果H5的调性实在和微信群的定位不搭,建议不要造成打扰。3、充分利用「阅读原文」和自定义菜单。由于微信的限制,图文中唯一能跳转的链接就是「阅读原文」。关于如何利用好「阅读原文」有三点:(1)不要浪费每一篇图文的「阅读原文」,可能的话对于每一篇图文用不同的文案引导点击;(2)如果你的目的是推广H5,不要在阅读原文的提示之后或者阅读原文引导和正文之间插播公众号的广告;(3)通过字体或者颜色的视觉跳跃引起读者的注意,而且不要长期使用同一个格式,因为当用户习惯了固定的格式之后会不自觉的忽略这些内容。此外,自定义菜单也是需要充分利用的功能,一般来说新增粉丝都会浏览一遍公众号的菜单,根据的数据监测,平均每个菜单项会有20%的新增粉丝点击。假如你的账号每天能有500个粉丝增长,就会有100个人以上点击了菜单的某一项,因为这是持续进行的主动行为,由此为H5带来的浏览量可能比图文群发还要高。