ICP备案+网站制作+网站托管一年只需3000元

网站建设、行业建站案例


对于“H5”这个词想必我们都已经很熟悉,但很多人对H5的理解都是停留在用户层面,邀请函、小游戏、品牌展示、抽奖等等。

其实如果上升到营销层面的话,仅在用户层面去思考是远远不够的,因为任何传播都要考虑有效性的问题,例如,对于一家需要客户增长的创业公司,如果100W pv的H5带来的只是刷屏效果,而没有对产品带来实质性转化,这样的传播显然是不成功的。

什么是H5?

简单来说,H5就是一个看起来酷炫的移动端onepage网站的解决方案,我们平时看到那些邀请函、小游戏都是H5网页,确切来说叫HTML5。H5适合营销的原因是基于下面两个原因:

跨平台性。H5的最显著的优势在于跨平台性,它可以轻易地移植到各种不同的开放平台、应用平台上,这种强大的兼容性可以显著地降低开发与运营成本,可以让企业特别是创业者获得更多的发展机遇。

表现丰富。H5让开发者无需依赖第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果,这也使得用户用较少的流量就可以欣赏到炫酷的视觉听觉效果。更容易到达用户阅读。

H5能在营销中做什么?

从功能与应用场景来看,H5主要有以下三大类型:

一、 幻灯片式H5


这是H5最早期也是最典型的玩法,其效果就是简单的图片展示&翻页交互。幻灯片式的H5有很多免费在线制作软件供大家使用,例如易企秀、初页、兔展、搜狐快站等,缺点是功能有限,自主编辑的性能低,模板美观性一般。

由于制作简单,周期短,这种H5展现形式适用于频繁、小型的需求。用在线编辑器的话,不需要任何开发,你只需要配备一位设计师和一位内容运营就可以开展,以下两位就是来自Uber、小米的设计和内容人才正在接受雇佣:

来自Uber | 高级设计师
在Apple(苹果)拥有长达3年工作经历,熟知iOS及Mac交互风格,并曾与Apple全球设计团队共同合作完成大型市场推广宣传项目,后加入Uber,作为高级设计师,负责市场扩张及项目创意。
英语水平专业八级,对H5页面有着world-class的鉴赏和设计能力。
设计专业、英语专业,还懂市场推广的设计师!
立即预约

来自小米 | 内容运营
在小米负责项目管理,自己经营微信公众账号,擅长产品软文,微博运营,微信内容编辑。
立即预约

幻灯片式H5:应用场景

1、定期发布的内容,几乎零预算。
这些内容相对而言比较常规,但是有时微信图文又无法达到理想的效果,通过H5的形式会更易于传播,当然前提是要有好的设计。比如数据报告、频繁上线的新产品或功能、小型线下活动邀请、活动相册等等。

2、结合热点的营销,周期极短。
这种情况下,时效性是非常重要的,如果开发一个H5用了半个月,热点想必也结冰了。所以,应该以最快的速度推出才是明智的选择,而这时候引起广泛传播的关键就在于文案和设计。

此外,大家不要轻视这种短频快的传播,有时候它要比很多大投入的传播来得有效。没有人能完全掌握受众的兴趣点,所以一次大投入的传播不一定就能出效果,但是多次热点传播出效果的概率从统计学的角度也要高一些。如上文所述,我们可以实现用户在H5中所有交互行为的监测,因此,如果短频快的传播能配合有效的数据监测,便可以进行持续优化,降低不确定性。

二、交互式动画H5


最近比较火的天猫双11营销H5案例就属于交互式动画H5,用VR(虚拟现实)+一镜到底的炫酷H5效果,技术实现上采用 zepto.js + three.js。
我们能看到的大多数H5游戏也都都属于这一类,比如神经猫、打企鹅、2048等等,本质上都是基于H5的动画技术做的。它们所涉及的相关动画技术主要有H5的Canvas/SVG,以及JS、CSS3,事实上通过JS+Canvas/SVG+CSS3可以实现非常复杂的交互式动画,最直观的就是H5游戏,比如神经猫、3D版坦克大战。


交互式动画类型的H5制作周期和成本比较高,需要提前规划。除了创意、文案、设计这些以外,开发周期较长,优质的H5大约在两周到4周左右,也有可能更长。

这种类型的H5要找靠谱的供应商,因为复杂交互做出来的效果,在用户看来只有完美和垃圾两种层次,所以要慎重。如果是一个完整的自建团队需要配齐――产品经理、设计师、前端工程师、后端工程师各一枚,这样显示是不太划算的。

当然还有更好的选择――上实现网短期雇佣产品经理、工程师、设计师,支付他们几个小时的就能实现你的创意,而且这样的人才都是现成:

来自新浪 | 资深前端开发工程师
11年以上前端开发经验,有丰富的大型网站、移动端、H5、Hybrid App相关开发经验。CSS3特效和动画有丰富的开发和处理经验。
开发案例:愤怒的小鸟,一个基于three.js的3D射击小游戏。
想要炫酷3D效果的H5可以约他~
立即预约

来自乐视 | 前端开发工程师
现就职于乐视汽车部门,负责车联网相关前台研发任务。
精通html/html5, css/css3, ajax, 布局, 切图, 动画。熟悉移动h5、webapp开发。
开发交互动画H5必备工程师~
立即预约

来自百度 | 高级研发工程师
资深工程师、全栈工程师,精通php,精通开发各种APP后端开发,且熟练前端。
开发H5时涉及表单、登录、评论等元素的时候可以约他~
立即预约

交互式动画H5:应用场景

1、中小型活动/品牌事件的传播,预算不多、周期较短。

这种情况一般就是某些新品发布、企业招聘、公关事件、中型会议等的传播。此时你需要权衡周期和成本的因素。一般来说短期内很难上线优质、精美的H5案例,这时候你可能要考虑幻灯片式的简易开发或者参考已有的作品,然后着重从设计和文案上下功夫。

如果有一到两周的时间可以尝试做一些轻交互的H5,建议大家尝试一下CSS3 3D的效果,当然成本也会相应的上升一个量级。

2、大型活动/品牌事件的传播,预算充足、计划性强、周期较长。

一般大家看到的那些美轮美奂并且极具传播性的H5基本上都属于这一类,在美学、交互和故事性上都表现突出,不计算创意、设计和文案的时间,光是开发和调试可能需要小一个月的周期。

三、功能型H5

看一下以下的两个例子,第一个是百度针对地铁涨价做的H5,它可以计算你每天坐地铁要多少钱并且实时显示大家的评论;第二个是STC的社交移动风云榜,很简单,就是精品H5的展示:


这两个H5都有一个特点,除了针对受众的热点内容传播以外,它们很像一个“供用户重复使用”的产品,这就是所谓的功能型H5。

其实大家看到风云榜可能会觉得它只是一个再简单不过的网页,但如果从它满足用户需求并产生重复“使用”行为的角度,它其实是一个产品,事实上从一开始就是当产品来运营的。

功能型H5的独特价值在于,除了具备传播性以外,它通过用户的重复使用行为使得H5的传播是一个持续不断的过程,这一点是一般的H5所不具备的。风云榜首次发布时转发6w+多,目前每月的访问量都在10w左右,不算多,但是带来的流量转化都是精准的。

我所说的功能型H5,是同时聚焦于用户需求并且注重传播性的H5轻应用,也就是在设计H5的时候除了考虑传播的问题以外,也要思考如何把它变成一个持续运营的产品。这里面其实是思考角度的问题,从“我要传播什么”到“我希望用户传播什么”的转变。

轻交互重功能的功能型H5制作周期较短、成本也不高,成功的关键不在于酷炫的交互,而在于用户需求的把握以及后续的运营。

因此,这一类H5需要的是一名高水平的的产品经理,而以设计、开发、运营为辅。所以,在这里再推荐一位不错的产品经理:

来自360 | 产品经理
工作经验3年,曾在携程腾讯实习,后在360担任产品经理。现在在B轮垂直电商创业公司担任产品负责人,最近已成为自由职业者。
项目经验丰富,可点击立即预约查看个人主页
立即预约

功能型H5:应用场景

1、品牌账号的粉丝运营

功能型H5由于具备一定的产品特性,其最大的价值就是提高粉丝活跃度和忠诚度。我们需要根据本身品牌的形象定位以及受众的特性设计功能型H5,要将品牌或产品的功能性特征抽象到生活方式或者精神追求的层次。

举个例子,卖洗手液的可以抽象为健康生活方式,设计一个改善生活健康状态的功能型H5;服装品牌可以抽象为追求时尚前沿,设计一个定期更新时尚潮流资讯的功能型H5。事实上,以粉丝需求为中心的功能型H5将潜移默化的提升品牌影响力,在提升忠诚度的同时带来持续的口碑传播。

2、结合热点内容的品牌传播。


这种类型的传播是最常见的,但是往往很多结合热点的H5传播都是一次性娱乐消费,大家看过就忘了。其实如果能从用户需求挖掘和产品运营的角度去思考,许多针对热点的H5传播都有很大提升的空间。

相关推荐

评论 抢沙发