如何通过H5页面走入用户内心?


Warning: Invalid argument supplied for foreach() in /data/cxweb/www/gupowang.com/public/article/view.html on line 71
8年前

封面1.jpg


H5突然火了。


通过微信和朋友圈的快速发展,H5靠着无需下载、即点即用的属性迅速上位,一跃变成炙手可热的小鲜肉。




1
为什么说它是小鲜肉?

跟大家分享一份eMarketer的数据,其中显示了2012年 -2018年营销在不同媒体渠道的预算比重:

图片1.png

相比电视、杂志、户外广告等传统媒体呈逐年下降的趋势,品牌营销在数字和移动方面的投入在逐年上升,而且,在所有渠道预算中移动技术的投入增长最快,远远高于其他渠道的增长。


移动营销已是大势所趋。




2
什么是H5?

H5,是HTML 5的简称,它就是一种高级网页技术。


还是没听懂?


这么说吧,我们平时看到那些邀请函、小游戏、幻灯片……都是H5网页,它跟我们平时上网看到的那些网页本质上没有任何区别。


只不过大家普遍接受的那个网页技术版本是HTML4,而这个版本是在1997年发布的。相比H4,H5有更多的交互和功能,最大的优点之一是在移动设备上支持多媒体。




3
H5能做什么?

这边我大致做了三个分类:


1、品牌传播:形式一般为品牌发布、总结报告、公益传递、人事招聘;


2、活动推广:形式一般为贺卡邀请、游戏互动、答题有奖;


3、产品展示:形式一般为故事讲述、性能展示。




4
H5案例分享:

品牌传播之品牌发布型


腾讯——生命之下,想象之上


图片2.jpg图片3.png

品牌传播之总结报告型


京东——京东十大任性


图片4.png图片5.png

品牌传播之公益传递型


欧莱雅:我和你之间,就差一个字

图片6.jpg图片6.jpg图片7.jpg

品牌传播之人事招募型


东华禅寺——招聘启事


图片8.jpg图片9.png

这是一个看似正经的总结:


品牌传播型H5——等同于一个品牌的微官网,更倾向于品牌形象塑造,向用户传达品牌的精神态度。在内容上倡导一种态度、一个主旨,在设计上则需要运用符合品牌气质的视觉语言,让用户对品牌留下深刻印象。


关于视觉


整体——氛围渲染


细节刻画——人物、元素配合


关于内容


适当借力——寻找共鸣


热点结合——业务板块完美融合


软性宣传——(其实就在说看我好(diao)厉(zha)害(tian)


活动推广之贺卡邀请型


百度股市通——一封神秘的邀请函


图片10.jpg图片11.png

活动推广之游戏互动型


小时代:邀你来撕逼

图片12.jpg图片13.png

活动推广之答题有礼型


途风旅游网:时光倒回9年,你会选择怎样人生?


图片14.png图片15.png

这是一个看似正经的总结:


活动推广型H5——活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播,行成爆炸式的传播效应。


关于视觉


细节与统一——复古拟物的视觉风格,那字体就不能过于现代;幽默调侃的调调,那文案措辞就不能过于严肃;打情感内容牌的,动效就不能过于花哨。


冲击性——最好闪瞎你的钛金狗眼,让用户忍不住带着“矮油不错,这个页面有点diao噢”的心情点击分享


关于内容


标题党——做个妥妥的标题党,先到碗里来再说


参与感——门槛低易参与,内容引发共鸣,利益驱使转发


产品展示之故事讲述型


一封来自1947年的明信片


图片16.jpg图片17.png


产品展示之性能展示型


兰蔻: “天鹅颈”睫毛膏

图片18.jpg 收藏

{{favCount}}

个人收藏

投稿请戳这里!投稿
0

次分享

文章评论(0)

{{ user.nickname }}
发表评论
登录 进行评论
加载更多 正在加载中... 没有更多了