kiayun手机版登录打开即玩v1011.速装上线体验.中国 H5案例分析和场景应用

在2014年，有一项当时还不怎么成熟的技术，在微信的社交舞台之下大放光彩，让我们目睹了这种“移动 + 社交”所爆发出来的巨大能量，而对于H5这个名词开·云体育app下载安装，想必大家已然是相当熟悉了。

与电视、杂志、户外广告等展示给人看的传统媒体呈现出一年比一年下降的那种态势不一样，品牌营销在数字以及移动这两方面的投入呈现出一年比一年上升的情况。

得出这样的结论，即对于习惯了那种有着24小时手机时刻陪伴着的生活而言，品牌最为关注的恰恰就是消费者“在哪”这样一个问题。

显而易见，移动营销当属当前必然趋势，我们能够看见已然被广泛运用的签到技术、二维码技术，出现得越来越多的iBeacon、微信的Wifi连接方式，另外还有就是这篇将会跟大家共同探讨分享的H5技术。这篇章幅有点漫长，或许需要消费者耗费一下时间去阅读，整个文章涵盖：H5技术的简单介绍以及它自身具备的特性，开展的有效实现途径、存在的各种各样的应用场景，以及怎样去进行推广等涉及的内容。

什么是H5？

存在着好多人，其对于H5的理解，皆是停滞于用户层面，诸如邀请函，小游戏，品牌展示，抽奖之类等等 。

若实际上升至营销层次而言，仅仅于用户方面予以思索绝对难以足够，由于任何一种传播都得纳入考量有效性之情状，要是100w pv所引出的仅仅是刷屏效应，然而对于品牌却难以带来任何有效的增进，如此这般的传播明显是不成功的。

如果不能针对事物的理解，自多个角度予以分析，那我们会极难跳出原本的思考框架去看待问题。所以，对于这篇文章，我打算以更原始的角度，以H5这项技术自身作为出发点来阐述。实际上，互联网技术的发展本质是需求驱动的，程序语言其实是高于应用层面的产品。期望以下的内容不会太过晦涩，还希望能给你带来启发。

H5具最突出优势是跨平台性，用H5搭建的站点，能兼容PC端还有移动端，能兼容Windows以及Linux，能兼容安卓方面和IOS，它可轻易移植到各类不同开放平台、应用平台上，打破各自为政状况，这种强大兼容性可显著降低开发成本，还能降低运营成本，能让企业尤其创业者获取更多发展机遇 。

1.H5能在营销中做什么？

2.它的传播阵地在哪里？

3.如果要启动一次H5传播，该以哪些先例为标杆？

一、功能与目标

首先，从功能以及设计目标方面去看，H5专题页主要存在以下4大类型，。

活动运营型

为活动推广运营 而打造的 H5 页面是最常见的类型，

形式多变，包括游戏、邀请函、贺卡、测试题等形式。

现在的H5活动运营页，和以前单纯的静态广告图片传播不一样，它要有更厉害的互动，拥有更高品质，具备更有话题性的设计，以此来促使用户进行分享传播。

从踏入微信H5页面开始，直至最终抵达品牌App内部，怎样去谋划一套恰当的引流途径，这也是相当关键的。

案例：01.大众点评给电影《狂怒》设计的推广页就极其明白这个道理。那种复古拟物风的视觉设计，能让看到的人眼前突然一亮，比如具有质感的旧票根，还有忽闪的霓虹灯，再配上幽默的动画以及音效，致使每个选项很想都挨个点一遍不行。围绕“选择”这个品牌关键词，利用引人入胜的测试题，使得用户把自己的人生当作大片去进行选择，一直选到最后那一道题引出“大众点评选座看电影”，然后一键直接到达 App 购票页面这儿。就算明明知道这是软文了，可还是带着“哎唷不错，这个页面有点厉害吔”这样的心情点击了分享。

02.百度——2014百度世界

入选理由：美轮美奂的邀请函

集视听多重感官于一体的H5还改造了千人一面的邀请函。

举个标杆案例来说，就像今年举办的百度世界大会，它把会议邀请跟星空元素紧密地结合在了一起，在一片呈现出唯美状态的星空背景之上，每当有一道流星划过的时候，就会浮现出一位意见领袖对于移动互联网的看法以及愿景，最后展示的是会议的时间地点，并且还能够进行在线抢票 。（#纳尼，又是百度的？！TOP君就不展开说了，夸那么多一分钱没收到何必呢？#）。

品牌宣传型

对于活动运营页而言，它有讲究时效性此一不同特性，与之对比，品牌宣传型H5页面，其作用呢，就如同是一个品牌的微官网，并且啊，它更倾向于去针对品牌形象加以塑造，致力于向用户把品牌的精神态度传达出去。在设计这个环节的时候吧，需要运用那种恰恰符合品牌气质的视觉语言咯，最终好使得用户对于品牌会留有刻骨铭心深刻到如同深入骨髓般难以磨灭的印象哟。

案例：01. 钢琴旋律浪漫相随，《首草先生的情书》以男士口吻，在娓娓叙述成长历程中，表达对于妻子的爱以及愧疚之情，最终引出「首草——滋阴圣品，爱妻首选」的宣传语。其设采用黑白色调，似回忆之感，简单的照片搭配文字，还有花瓣掉落、水面涟漪等轻动画，营造出唯美而优雅的氛围。「首草」作为全新高端养生草药品牌，借助H5打出了一张颇具走心意味的情感牌，使得用户记住了「半生只为你」的爱妻品牌形象。

02. 巴宝莉 从伦敦到上海的旅程

入选理由：堪称互动体验派的集大成者

先前的那几个例子所涉及的均是“专业人才”，他们于技术运用方面各自专精一项，有的是触屏，有的是多媒体，有的是重力感应 。自然是存在着将各种各样技术汇聚于一身的“全才”，在此处最为知名的当属巴宝莉“于伦敦至上海间奔赴跨越界限的”旅程 。

产品介绍型

集中精力于产品功能的讲解，借助 H5 饱含互动的技能长处充分呈现产品特质吸引让人进行购买行为。

其中一个案例是，01.雷克萨斯这一类型的H5页面在汽车品牌中较为常见，LEXUS NX是其中出色典型的代表范例 。 通过构建精致且极为富有质感的外形，营造出细腻的光效，进而塑造出酷炫的视觉风格 。 以手指追随光的运动痕路去切割展示画面来开启开场，借助合理适度又雍容温和的触碰与摩擦以及滑动等交互形式，引领用户一同去探究产品的7大特性，从整体到局部均予以充分全面的考量 。

02.腾讯 理财通

总结报告型

自从支付宝的十年账单引发热议之后，如今各大企业的年终总结，也热衷于借助 H5 技术来达成，令人赞赏的互动体验，使得原本单调无趣的总结报告，变得饶有趣味且生动起来了。

案例是所谓的01.《京东的十大任性》，它借助运用10张横屏的面页，去讲述京东于2014年达成的十大成就，在视觉设计相关方面采用的是简洁的扁平风插画，还加入纸面质感进而形成复古卡片拼贴感，不同的分页页面之间通过依靠手指滑动来借此实现流畅的视差滚动效果，最后居然还有刘总这么个小彩蛋，一口气将其看完之后，大概就能够知晓2014年京东都做了哪些重大事情。

02.可口可乐中国可持续发展报告

可口可乐 我们在乎

入选理由：这是一份“会动”的CRS报告

把图片、文字以及视音频等多媒体进行杂糅，这是H5的又一大优势，当这种生动形式跟一些严肃内容碰头时，通常会出现让人意想不到的化学反应。

前段时间，可口可乐“我们在乎”席卷朋友圈，其真身是“可持续发展报告”，肩负企业CSR重任，内容力求形象却难掩厚重。然后为更贴合社交时代，可口可乐尝试用H5为报告“瘦身美容”，选取报告中部分核心数据，共十五页画面，直观展现努力，变成适合网络传播特点，尤其是移动端观看及分享需求的形式。

二、形式为功能服务

确定了专题页的功能目标后，接下来至关重要的便是设计阶段。怎样有针对性地去设计，得考虑具体的应用场景以及传播对象，要从用户角度思索什么样的页面是用户最为想看且最会去分享的。以下罗列几种常见的H5专题页表现形式：

简单图文／新闻篇

早期最具代表性的 H5 专题页形式是简单的图文，“图”的模样繁多，可以是照片、插画，也可以是 GIF 等，借由翻页这类简易的交互动作，达成类似幻灯片的传播功效，其考验的是高质量的内容自身与讲故事的本事。

案例是，01滴滴打车此案例属于典型的、当属简单图文形式的H5专题页，借助几张有着故事的照片，将整套页面串联了起来。其视觉呈现简洁且有力，运用的是整屏的黑白照片，并辅之以滴滴的品牌橙色作为点缀。每当切换一张图片时，文字便会渐渐隐去然后浮现出来，不存在其他的互动形式，如此使得观众能够将注意力聚焦于内容之上，凭借陌生人彼此间真情的联系，进而塑造出品牌正能量的形象 。

02. 腾讯 － 马航MH370客机消失的第365天

相信各位看客都已看得疲惫，但这最后一则案例决然不可放过，在看过诸多同质化案例后，有一支H5却将我吸引在此，只因我始料未及新闻事件竟能与H5融合至这般地步，它彻底改观了我往昔对新闻传播的固有认知，换言之，或许H5便是未来数年新媒体新闻投放的着力方向！或许，这就是新闻传播方式革命的起始～。

节日/邀请函

任何人都对收到礼物时领略到的那种感觉怀有喜好之情，借由把握住这样的一种心理状态，品牌方面推出了林林总总的以H5形式呈现的礼物物品、贺卡纸品以及邀请函柬，凭借提升用户内心的好感程度，从而不着痕迹地达成品牌宣传的目标。鉴于其身为礼物的本身性质，那么创意的元素以及制作的质量便成为了极为重要的能够博取加分的项目。

案例：01.央视春晚2015

入选理由：内容的共鸣才是王道

显然，不论形式怎样千变万化，终究得依靠扎实的内容才可有大作为，进而成就大形势。

“家和万事兴”作为央视春晚的典型例证呈现为：我们对世界示人以微笑，举止间尽显彬彬有礼之态，然而却拖着一身疲惫并怀揣着抱怨回到家中；我们于外奋力兜售自身视角观点，而与父母交流时却懒得去讲清自己究竟在忙些什么东西（#切实来讲，内敛含蓄的TOP君听闻这般台词觉着肉麻得很#）……H5以一个与父母相聚时间稀少且分离较多的极小故事情节开篇讲述，凭借令人泪湿眼眶的文案以及极具煽动性的音乐去引发情感共鸣，继而与“家和万事兴”这一主题紧密相连融合，最终向网友发起号召“按手印”以此来展示支持。

02. 2015母亲节 － 妈，我的朋友圈里有个你

情感牌，更贴近生活，节日特性

问答/测试

以问答形式呈现的H5页面，已然相当常见了，借助用户的求知与探索欲望，不断地做选择，瞧瞧最终究竟会是什么样的成绩。总得有一条明晰的线索才行，抵达的最后结果页面，也得合理且不显得突兀，要是能配上出色的视觉效果与文案，将答题的枯燥之感予以弱化，那可就再好不过啦。

案例：01.此乃大众点评的项目且与本文开头情况相同，这次是针对姜文的电影《一步之遥》开展持续推广，目的在于让用户对姜文的代表作进行评分。其视觉设计依旧出色，那开脑洞的创意以及动画设计令人赞叹不已（一定要扫一扫去体验一下！）。它延续了怀旧大字报风格，在字体、文案、装饰元素等方面的细节处理也极为用心。问答形式的 H5 页面能达到这般程度也算相当努力了。

02. 知乎－ 财务包子铺

注意：这类H5刷屏，也比较容易理解，大家都有好奇心嘛！

测试类尽管容易火起来，然而要提请大家留意，微信公众平台有禁令禁止签类测试操作，含有发布新年签情况，涵盖大学测试分类，以及包含星座测试之类信息范围内，一旦被察觉获悉这类情景相关表现，将会依据情节状况面对违规公众号采取删除关注那些用户（也就是粉丝）的行为及其进行封号处置举措以外，还会有封域名的处理办法。

上周六，由于两个心理测试类H5作品存在违规情况，微信在短时间内对Epub360域名下的H5作品分享至朋友圈进行了屏蔽，在和微信展开沟通协商，并且对作品实施了整改之后，当天下午就已然恢复了正常。针对此情况，特此提醒大伙要做到自律以及相互监督，千万不要违反微信朋友圈的规定。

游戏

从如「围住神经猫」、「看你有多色」这般纯粹的小游戏，再到像杜蕾斯「一夜 N 次郎」这样属于品牌植入式模仿「别踩白块儿」模式的小游戏而来，H5 游戏凭借着操作简易、充满竞技特性，曾在朋友圈甚嚣尘上，然而缺乏创意以及同质化态势使其促使用户对于毫无深度的小游戏渐渐滋生了厌烦之感。一个品牌若要在游戏领域达成成功之传播，需得于玩法这一方面，还有设计层面付诸更多精力。

案例：01. Same在圣诞节的时候发布一个H5小游戏名为《圣诞老人拯救计划》呀，这款游戏操作是超简单的，就是通过手指交替去进行上滑的这么一种动作情形了，还得把角色的脖子牵拉到好似无线的长，游戏这边可是会记下来你牵拉的最高距离哟，得要和朋友比试比试看谁的又相对算较长，它的界面呈现出清新可爱的样子呢，这和Same的招牌画风是保持一致的呀，并且游戏角色同样地也是Same的品牌角色这样子咧，最终是依靠一种幽默又具恶搞气息的游玩方式来给用户传递Same那独到且有趣的产品文化啦。

现在市场上做H5的主要有以下几种类型的公司：

公关公司，这类公司与客户距离最为接近，其承接客户的活动所占比例较多，通常是依照客户要求，或者主动朝着客户进行H5方式推荐来施行，然而公关公司根本不存在技术人才，所以大部分情形下都选取外包形式。我们所拥有的一些客户是由公关公司推荐而来的。

广告公司中，H5是移动端一种相对不错的广告展示形式，部分广告公司在某些项目里会将H5外包出去做。这种情况下，均是广告公司给出创意，而后把技术以及设计的部分外包给第三方去做。

3、互联网公司，有一些互联网公司会自行开展h5开发工作，创作一些具备传播特性的内容，或者将自身产品以H5形式予以呈现 。

4、微信开发外包公司，也就是以前所谓的建站公司或者微信菜单开发工作室 ，发现H5相当火爆后 ，便着手开展这块业务了 ，然而截至目前尚未形成规模 。

5、个人开发者，即承接公关广告公司外包项目的H5开发者，据我们所知，部分个人开发者月收入已达10万左右，这主要归因于客户的旺盛需求以及公关广告公司在这方面人才的稀缺 。

6、H5模板网站，这是那种比较专心致力于做h5的公司，在二零一四年的时候还相对火爆，并且也收获了挺多收益，然而到了二零一五年却遭受定制化业务的冲击，致使不少公司都已经开始逐步推行免费服务了。

7、能生成H5的工具，它和那种模板类公司大体相似，然而活得却比不上模板公司kiayun手机版登录入口，并且盈利状况也不尽如人意，不过其最大的益处在于这种类型的公司能够采用融资途径，这也算作是一种获取钱财的模式。

8、从事游戏开发的公司——当下诸多H5游戏的开发企业并未盈利，好多公司仅仅能够在游戏尚未走红之前，承接一些H5界面的外包工作。然而这终究并非长远的算计，人员的流动较为频繁。我们的团队接纳了不少的开发者。

9、H5平台公司，这类公司所走路线跟模板类大体相近，属于平台化概念范畴，实际多半处于亏损状态，然而所幸融资状况颇为良好，故而这种类型的公司在进行融资之前，也会开展一些外包方面的业务。

10、精品定制化，这是未来应用一开始就确定的定位方向，我们期望能成为此行业的定价方向标，之后无论谁定价，都可依据我们来参照kiayun手机版登录.v1008.点进白给你1888.中国，做得比我们好的，定价要更高，做得比我们差的，定价则要更低。而且，未来应用甚至打算做一个价格公示，以使这个行业拥有一个透明公正的价格体系。

想必该行业之中，存在着上千家提供H5制作服务的第三方公司，我们着重于定制精品H5，而其他多数公司则忙于提供模板化服务。数月之前，模板公司颇为盈利，收费颇高。起初，客户未曾见识更为出色的定制化产品之时，认为模板已然酷炫，足以满足其需求。然而，随着定制化产品日益增多，客户的要求愈发苛刻，诸多定制化需求正逐步显现。况且，模板的技术门槛并不高，极易获取。这会儿好多搞模板的公司都推行免费举措，我觉得这大概是关键缘由罢。要是还不实行免费，那就没办法留住客户了。

我们能够十分清晰地瞧见，此市场呢，日益升温变火爆之际，也愈发杂乱，愈发缺乏规范。不管是第三方的开发公司，也不管是做广告的那些主儿，当面对H5营销之时，都会碰到形形色色的问题，或者说存在形形色色的误会区间点，眼下，让我们瞧瞧这里面的陷阱到底处于哪个地方呢？

1，幻想凭一款H5能一夜成名

那些期望高，却投入少的诸多市场营销人员，尤其是老板，都巴望着靠一款丝毫没有推广投入的H5一下子声名远扬，不过当下这种情形早在微信朋友圈里没办法出现了。

H5页面推广方式没什么新意，无非是朋友圈分享以及微信公众号推广，然而当下H5营销，不管是在表现形式方面，还是在内容创意方面，仍旧面临着极大挑战，与此同时，微信朋友圈用户对日益增多的泡沫信息感到厌烦，产生了一定程度的抵抗力，而微信公众号数量的急剧增加，致使打开率和阅读量持续下降，一款H5想要一夜成名并非不可能，只是确实越来越难了，在整个H5产出里所占比例也会低到营销人员难以忍受的程度。

2，营销推广只索取的态度无法长久