HTML5营销背后的4大原则、7个案例和12张图

　　文/互联网八先生

　　伴随着一只神经猫和几次品牌内容的朋友圈疯转，H5迅速得了众多营销人员的关注。

　　但随之而来的是，一些H5制作的邀请函、产品宣传图被疯狂转发，被无数次点赞，被业内人士口口相传，而另外一些则无声无息，虽然制作方也花了不少费用。

　　那么，H5能在营销中做什么?它的传播阵地在哪里?如果要启动一次H5传播，该以哪些先例为标杆?如何选择供应商?市场上的一般收费情况如何?

　　七个案例

　　1，触屏类：指纹识别

　　移动社交产品分享会(经纬创投+36氪+nice)

　　4UV，只能容纳1000人报名的表单瞬间关闭。

　　这是在2014年8月份在移动互联网从业者圈内热传的H5，其最大的亮点是将按钮做成指纹识别的样式，巧妙地利用点击错觉，给用户前所未有的体验。这款h5算比较早期的经典案例，现在看起来虽然觉得没有那么惊艳了，但是在8月份还是跟行业带来一阵与众不同的创意旋风。

　　2，滑屏类：无极滑动

　　一封来自未来的邀请函(Pingwest)

　　49PV，4人报名，现场仅能容纳800人。

　　这是在2014年10月份未来应用团队在旅行途中给pingwest的 sync2014大会做的，从策划到创意设计一气呵成，除了文字的修改外，从头到尾这款H5没有做过任何的修改。亮点是采用无极滑动的方式来做页面过渡，对比泛滥的H5滑屏页面过渡的形式，这个设计非常巧妙的把活动信息展示出来，让用户在阅读时不觉得枯燥反而充满期待。值得说明的是这款H5给只能容纳800人的现场带来了4人的报名，现场的过道、走廊上都挤满了人，未来应用团队也是做了这个之后才确定的团队名字。

　　3，滑屏类

　　支付宝十年账单(支付宝)

　　4，内容创意：选择题

　　优酷未来贺卡(优酷)

　　5，剧情化：动画剧情化

　　广告人插上geek的翅膀(百度)

　　6，剧情化：开场剧情化

　　极客世界漫游指南(极客公园)

　　未来应用已经不满足于在某个特效或场景的展示，而是将技术创意提高到一个全新的高度，呈现给用户一个完整的剧情式的体验，或许代表着未来的精品H5方向，无论是品牌发布、招聘、报告披露还是促销，用户看到的越来越多，口味也越来越刁，能够打动吸引用户并且形成自发传播的Hh5就需要在整个体验环节上下功夫，所以剧情类H5或许可以代表未来的发展方向。

　　7，传统页面切换

　　微博之夜(新浪微博)

　　四大传播原则

　　应该说，H5从立意、创意、设计，到制作、传播，是一个一气呵成的系统工程，技术的把握、创意与文案的优化、传播的执行不可或缺。在实践过程和实战经验中，陈鸿总结了以下4个传播原则。

　　1，主题：要有创意的新鲜感，少抄袭，多原创。

　　2，内容：要做优质内容，创建具有分享价值的内容，再由微信达人(好友多的个人号、自媒体号或具有某个行业特征的个人号)进行分享。

　　3，传播：要集中传播，H5上线的前5天是黄金传播期。

　　4，形式：内容展示尽量把信息视觉化。

　　H5可以做什么

　　宣传发布、书信邀请函、品牌图文传播、招聘...

　　H5的传播阵地

　　不仅是微信，微博、QQ、APP...