案例盘点|双十一如何玩转H5营销？

1、H5是什么？

我想大家都不陌生了，H5是一个缩写，他的全称是HTML5，是在移动互联网上，应用最广泛的网页语言。

我司另外一位高人说，互联网时代有三要素，他们是域名、空间和网页。

而在移动互联网上，三要素也是适用的，HTML5是移动互联网的三元素之一，他是移动互联网的网页。

2、HTML5在企业组织中的应用

企业应用最多的部门，大多数是市场、品牌等和营销相关的部门或者是有传播需求的部门，比如HR在招聘时也会应用，使用者多是市场营销从业者、新媒体运营、运营、设计师等等。

3、H5就是小游戏或者邀请函吗？

我们日常看到的H5形式多是邀请函和小游戏等，这也是大家打开朋友圈最常能够看到的一些展现形式。

为什么呢？因为邀请函的需求在市场部需求的前端且高频，制作又相对比较简单，所以我们看到的比较多。小游戏是从《神经猫》开始一下进入公众视野的，因为比较新颖所以刮起一阵旋风。

但是H5就真的只是邀请函或者小游戏吗？当然并非如此。

4、H5是未来移动互联网的基础设施

举个栗子：

我们看到VR的项目在国内特别火，在硅谷的投资人有时候不太理解国内为什么这么崇尚VR。

我们看移动互联网，因为智能手机的出现成为一种新的连接方式，催生了新的生态和产业。

所以硬件是有能力驱动产业链的，他本身就是一个很大流量入口，新智能设备，比如智能眼镜，也会去创造新的连接方式和生态，那么大家想象一下，也许未来新的智能设备会取代手机，但硬件都需要软件，软件都需要内容，内容载体是什么？在移动互联网上还是H5。

所以，当一件事情成为基础设施的时候，他们的生存能力就会变得更强，就像人类需要空气和水，现在，什么在逐渐成为基础设施，淘宝，微信这些在成为基础设施，H5也会是未来移动互联网的基础设施。

5、不是H5能做什么？而是你能想到做什么！

之前有人经常会问到我们，说H5能做什么？其实这是一个仁者见仁、智者见智的问题，我们需要思考的是，你的业务是什么？什么场景下能借助H5去帮你实现价值。

所以不是能做什么？而是你想做什么？

现在我们可以通过H5实现直播系统、商场的超大屏交互解决方案、视频播放过程中的交互、CRM系统、动画和官网的制作、游戏的制作、电子商务、抽奖系统、VR制作、双屏交互等等。

6、H5在营销中的一些特征

在社会化营销里面，有一个非常经典的模型，是一个漏斗模型，消费者的消费行为模式从关注到兴趣、欲望、行动，最后分享，但是现在消费者的行为是非常碎片化的，H5在每个环节中都有独特的价值呈现。

1、更丰富、更强大、更轻薄。感谢有点像XXX广告是不是？H5的内容更加丰富，承载信息量更大，形式也更轻。

2、H5的交互性更强，可以有效的表现创意。现在刷爆朋友圈的都是什么？都是创意和效果极佳的H5，给用户的新鲜感比较强。

3、H5的传播不局限于平台，在微博、微信、QQ上，只要有浏览器都可以。 企业做营销双微＋h5是标配，你要是拿一个微信内容在微博发是很容易被降权的。

4、因为H5内容质量高、体验路径短，可以更高的提升转化率，结合线下场景可以增强营销的体验感和代入感。

5、H5也更加便于分享，传播路径可追踪，可以基于精准的数据监测提供更优化的渠道投放决策和内容制作参考。

双十一H5大盘点

双十一不仅是消费者的剁手日，更是每年企业营销的狂欢节。接下来我门来看一些双十一的案例，从中大家会受到启发。因为这个分享内容是在今年双十一之前讲的，所以引用的都是2015年的双十一案例。2016年的我们接下来再做盘点。

​第一个案例：2015年天猫的双11H5案例。2015年是天猫进军国际的重要一年，这个H5突出了世界各地不同国家的标志型特征，每180度旋转一次屏幕，就会有一个交互特效变换一个国家。整个H5是卡通风格的，颜色很朴实，具有设计感，在当时的案例中应该算是非常不错的，应用了H5的重力感应、陀螺仪等功能。

案例2是京东2015年双11的11天剁手攻略H5，进入H5以后进入到一个微信图文中，NO！NO！NO！如果你真的以为是微信图文就上当了，这个H5的特别之处就在于是模拟了一个微信图文的推送文章，账号显示的还是关爱智商成长协会，非常逗比，然后在图文中加入互动的按钮、Gif格式图片和音乐，全文中一共有11个GIF图，每一张都提示了当天大促的品类是什么，这个H5的特点主要是模拟微信文章和Gif图，值得大家借鉴。

第三个案例是来自微博界的小王子，新媒体界的小公举——杜蕾斯。杜蕾斯2015年的情趣家族表白日的H5。

众所周知，因为产品特性的问题，杜蕾斯在营销渠道上是很受束缚的，而社交媒体就是情趣品营销的最佳舞台，技术应用就是最强大的武器。而在情趣用品的营销上，杜蕾斯非常值得其他品牌借鉴的。这个案例将情趣用品拟人化成为三个角色：振动棒B仔、跳蛋阿D、和害羞的避孕套小T。不论选择B王子还是D王子的冒险，都在最后展示商品和跳转购买页，这个H5主要是用到了拟人化和漫画的方式，非常好的解决了产品晦涩的问题。

​第四个案例是优步Uber、格瓦拉、佐丹奴、绿茵阁四家共同的参与的H5。双十一本是全民欢乐的节日，这个欢乐就在于可以去虐那些单身狗，所以“单身狗”是很多商家反复炒作的点，这个H5进去后，狗狗一边跑一边躲避情侣的路上，整个体验很流畅，几个品牌都给揉杂进去，然后大家玩的过程中四个品牌会发红包。

天猫超级品牌日的展览H5，点击开始后，会有欲望都市、伤心太平洋和挪威的森林的路标，点击路标进入后，会有相对应的场景，选择标签可以生成有代入感情绪宣泄的图文板，可以保存，也可以分享，用户也可以自己填写想扔掉的内容。

案例6：天猫魔盒的H5——耳保健操！整个H5素材的设计有点暗黑系，非常魔性，配着学生时期耳熟能详的音乐，仿佛穿越了一般，最终导向天猫魔盒的宣传页面。

​案例7: 极具水彩色彩风格的H5页面，采用了画面和文字结合式的交互方式让用户在选择的过程中来进行下一步，然后进行测评，最终展示导向天猫酒水节日活动。音乐是这一个H5的特别之处。

​

案例8:  天猫女装女王节游戏类H5，进入到第二屏的游戏界面，左右滑动挑选盒子；上传头像后，可用双手拉动照片，调试头像的最佳位置。市面上这类参与式案例比较多，也是比较火的一种类型，比如宋仲基结婚照等。

​

最后的一个，这个H5的信息量很大。H5页面向下滑动，会持续展示出双11当天的时间列表，接下来是一些具体的活动时间安排及详情介绍，包括全球热门时尚商圈、狂欢夜在内的共10个项目。最后的页面有主会场按钮，用户也可以分享给好友。