H5案例研究
说起H5，朋友们肯定在朋友圈有过被刷爆的经历。简单说，H5就是一种高级网页技术，我们平时看到那些邀请函、小游戏都是H5。因其丰富的交互形式，给用户或消费者带来了很好的体验，并且可以低成本操作，所以常作为推广活动或品牌的一种方式。作为运营人员，最关心的就是H5的内容。而什么内容能让H5刷爆朋友圈呢？下面来看看这3个案例。
案例一：种太阳的小朋友-应景广告H5
链接：http://www.wmy-ad.com/baidu/20160720/
先来看看朋友圈都是什么样的：
我的朋友圈
别人的朋友圈
洞察：分享动机
7月26日早晨，刷朋友圈就被这个题目和仿古画风的小人图吸引，点击进去就被这魔性的说唱rap+搞怪创意吸引住，最后才知道原来是百度外卖和百度钱包的广告，但是觉得有意思，立马分享出去。短短时间，朋友圈纷纷转发起来，很多人冲着创意来转发，为画风、创意、广告及时的聪明做法点赞。这支H5广告“借势热点话题”+“对集体回忆后现代解构”+痛点需求（天热无法出门吃饭），击中了用户兴趣点，提供了社交币，让很多人自愿转发。
种太阳的小朋友有话说
配图
数据简要分析：
种太阳H5后台数据（图片来自网络）
由上图数据显示（图片来自网络），H5的传播流量还是相当不错的，比以往作品的流量高出很多。该H5在7.18日达到浏览量(pv)高峰29500,而传到我的朋友圈是7.26日，一周时间能还能引起个人朋友圈的转发，可见影响时间较长。但是跳失率高达85%，这是值得反思的。
内容分析：经典再创+网络爆词+深埋广告引线
【分享界面】图片很简单，仰着头的仿古小人物，像儿时的课本配图；文案很精简：种太阳的小朋友有话要说。80后、90后对“种太阳”这首歌很了解，所以这种八九十年代仿古做旧的配图+熟悉的歌曲名，激发人们好奇心想看到底“说的什么”。
【互动】首图画面由呆滞的太阳表情和8090年代人物组成，并且不停摇摆。点击弓箭射日提示，并操作后，一支弓箭弹出的声音很有情景感，一步步引导用户往下看。
【文案内容】整个H5播放时间，仅仅只有2-3分钟。
第一句：夏天最怕出门吃饭 因为外卖总有无数个太阳；
接着一段耳熟能详的种太阳歌词，然后插播到电视内，主持人：下面，我给大家表演煎鸡蛋；
第三段，男主角小朋友长大了：我靠，老子我真的要哭啦，马路变成了，变成铁板烧，小鸟都要变成了烧烤，开着开着车，玻璃融化了；
第四段，男主角从电视机内调出来，躺在沙发上：啦啦啦啦，回家啦，想开着空调，点个外卖，盖被子，睡个觉。太热了少出门啦。
全文围绕“小明”这一形象，颠覆以往的好少年形象，恶搞成“制杖”，内心阴暗四处播种太阳，惹得人神共愤，是造成人类热死了的罪魁祸首。开头以深埋在潜意识中的旋律作为配乐响起，本就是一个引爆点，带来一代人的集体回忆与共鸣；其次主持人的煎鸡蛋配上动作，很搞怪；然后男主角长大了，开车也热，“我靠""老子”等词语很接地气，就是现代年轻人常挂嘴巴的语气词。
虽然整个文案看不出是跟百度外卖有关的，但从头到尾都有暗示，如“最怕出门吃饭”“煎蛋”“铁板烧”“烧烤”等，以及最后的“点个外卖”都在贯穿这一主题，当人们已深深认同夏天外面有无数个太阳，坚决不能出门吃饭的观点时，结尾处出现“找不到后羿射日，至少能窝在家里等送餐骑士”的品牌露出才让一切变得理所应当。正如故爷写的《梵高为什么自杀》一样，根本不会让人联想这是一则广告。
【配乐】整个H5以说唱形式呈现，小朋友由小孩到长大都有不同的声音配乐，配乐比较嘻哈；语气词和射箭、跳跃等相声词配的很形象生动，细节做的很到位。整体的配乐很符合情景，特别是最后男主角“我靠，老子我真的要哭啦”和葛优躺式有气无力的声音都很贴切。
【配图】太阳表情包在画面内行走，劳动人民每人头上一把火等，都不按常理出牌，即使是很正常的种太阳的一首歌曲，图片也会让人捧腹一笑。其次配图借用网络热点，包括太阳的表情包，葛优躺的设计，天上的火鸡和街上冒气的黑烟都让人忍俊不禁。
葛优躺热点借用
百度利用广大80 90后熟悉的歌曲改编，用很风趣幽默的画风加上形象的声音配乐，利用网络经典词语/表情包，加上葛优躺的形象借用，非常应景，达到了神形兼备的传播效果。然而这个“种太阳的小明”的原创并非他，在这一个月前，6月5日，公众号毒枭大王发布的一篇文章《夏天越来越热是因为当年唱<种太阳>的那个小朋友已经长大了》，日前阅读量10w+，超过600多人打赏。这是经典改编的再创，即使百度外卖借用了这个热点，但是不得不说也很有创意，并且H5的形式传播更广。因此，碰到好的案例再创造也可以收到很好的传播效果！
种太阳的那个小朋友已经长大了
打赏和阅读量
案例二：淘宝造物节-功能性H5
淘宝造物节
链接：http://zwj360.im20.com.cn/pc.html
6月底，淘宝造物节火爆整个网络，各大app启动图、各大媒体报道，顿时间造物节的广告铺天盖地。这只炫酷的H5界面也是这个时候应运而生。与《种太阳的小朋友》不同的是，这支H5广告主题突出，直接以“淘宝造物节邀请函”为题。
【设计+配乐】炫酷的造物节画面设计，3D立体感的视觉冲击，配上华宇晨动感的音乐《造物者》，作为年轻人很难不被吸引住。而且第一眼看完后，便会惊讶“卧槽，淘宝就是不一样，做的好流逼...!"。吸引后，被社交币的作用牵引，很乐意分享出去。
造物节邀请函界面设计
【功能介绍】作为邀请函，淘宝这个H5把活动的内容交代的很清楚，内容很丰富，并且三个部分”T.A.O”用不同的颜色板块区分，渐变颜色视觉效果很丰富。每个专栏都有光点引导点击，点击后出现大的界面介绍单独的项目内容，简直是功能和视觉效果完美结合。
造物节内容介绍
【功能引导】功能性的H5很直接，淘宝造物节利用H5推广告知用户如何购买门票，将用户引导至淘宝；而分享提示用“邀请函”的概念，虽然较为普通，但是达到了目的和作用。
购物提示+分享提示
整体来说，淘宝造物节的发送邀请函以视觉的盛宴和听觉的冲击，给人耳目一新的震感，这样的创意你不乐意分享吗?
案例三：穿越故宫来看你
首页第一帧
进入首页后画面
主角出现
分享界面
7月5日，这款刷爆朋友圈的H5都说要好的创意。据制作人透露数，据统计方面已经突破300万次（注：数据截止到7月7日晚12点），历时30天的制作时间。具体细节不再介绍，那么这款H5刷爆朋友圈的的理由有：
第一，从感官上，这是一个有着强烈冲突感的作品，比如历史人物玩自拍、发朋友圈、玩VR，再比如静态的人物从画中跳出变成完全动态的角色，人物形象饱满鲜明，都带给用户冲击力；
第二，故宫一贯都是超级流量王和最强IP，而这次的老朱皇帝更是配合Rap说唱起来，“没想到你是这样的老朱”，“这风格很故宫”，一下子吸引了大量的故宫忠粉；
朋友圈代入感
第三，整体风格非常具有网感，“鬼畜”“魔性”“贱萌”“接地气”“逗比”，抓住了年轻用户卖萌耍贱的共情感，而且整体的节奏把握地非常精准，让用户的注意力被环环相扣式吸引，相信很多人都是一直看到最后；
第四，从技术上制作上讲，整个前端技术的运用恰到好处，H5与短视频的结合被很多人认为是“天衣无缝”，说唱音乐与画面也相得益彰，看得出是一个经过精细打磨的产品。
第五，作为一次大赛的宣传H5，不仅满分实现了助攻传播的诉求，还植入了鹅厂的微信、QQ、电子邮箱等业务，而故事脚本的设计（例如表情包、玩VR、动漫呈现等等）也正对应比赛的类别（表情设计、游戏创意、智能硬件、动漫创意等），堪称形式与内容高度契合。
VR植入
朋友圈&表情包植入
Rap内容
整套动画，每一帧都很精美，画质感很好，带着故事性，细节处理很到位，可谓有场景、有节奏、冲击力。正是这些原因，让腾讯和故宫联合举办的创意大赛引起很大关注，结尾处导入“官网"进宫报名”。
结尾
H5本身可以作为一个活动策划，当然纯内容吸引人，像上述案例是非常难以复制的，但是作为运营人，仍然需要了解。从上述三个H5案例，简单做一个小结。
从三个热门H5案例说起
由于不同的H5的内容或是形式千差万别，具体不作展开。从上述三个案例看来,H5给人最直观的感受是具有创意。入口可以是微博/微信公众号，或是app入口，形式可以是链接或是二维码等。活动是移动端活动，所以基本上用户的参与方式都将是通过手机参与，这点事值得注意的。而传播和通路即一个活动设计的流程，包括分享以后的渠道和传播文案等。整个H5的制作需要先明确目的和作用，然后是对活动页面/流程等各个环节设置，并且需要对整个活动不同渠道进行数据预估，在活动开始以后也可根据活动数据进行调整。这样就是了解一个H5的基本内容。
最后，借用孙雷在《“互联网+”就这么铺天盖地的来了！》文中一段话：“一个成功的H5页面往往集合了精炼的文字、高品质的设计、与调性相契合的音频以及隐形的技术。内容的革新让大众在感知上觉得更新颖、更具趣味性，同时更愿意参与和体验，也因此为企业(品牌)赢得了大众更多停留和关注的时间。”
网友评论