盘点2017年上半年H5的花式玩法,竟然还有这种操作?!

举报 2017-06-16

从2014年底的初露锋芒到2015年的全面火爆,再到2016的沉淀,2017年H5依然是品牌social的热门载体。

大量的H5让观众开始有了审美疲劳,但是品牌方在讨好观众上创意也是层出不穷。H5在互动、视觉和体验上不断有新的突破。近期内,我们视野里出现的优秀H5不乏少数,类型众多。

笔者在众多H5中归纳出了最常见的几种类型:

1、场景型

当前最热门的H5应属场景型H5,即营造某种特定场景的H5,在画面中讲故事。有背景和情节做为基础,让用户更有代入感,特别是加入交互技术的,让用户自己来控制情节的发展。


滴滴两周年

滴滴用三段用户实际体验改编H5,通过夸张的表现方式展现了用户的使用场景,直观向用户展现用滴滴和不用滴滴的区别,画面有趣且让用户有共鸣。

滴滴1.jpg

滴滴2.jpg


方太小碟仙

这支一笔画成的H5,在众多体验华丽的作品中,显得有些单调。碟仙这一词语自带关注度,内容新颖,画面中一块白色盘子,观众需持续轻点,画面会随之变动,增加了互动性。用简单的线条、细腻的文案和独特的方式演绎了一个妈妈洗碗的场景,给用户留下深刻影响。

小蝶仙.gif

1497579813385641.png


2、测试型

测试型的H5最适用于热点的结合与跟进,比起场景型或以下会说到的几种类型,没有过多复杂的技术支撑,制作时间快,能在热点还热之时借势出现在用户的视野,传播效果明显。

 

网易新闻:你是《欢乐颂2》里的哪个主角

《欢乐颂2》瞩目开播,网易新闻瞄准了这个热点,在剧集过半的时候制作了这个H5,影视剧大IP自带流量,收获了不是电视剧的粉,借势借的好,自有人分享传播。

欢乐颂.jpg

欢乐颂2.jpg


美柚:测测你和谁是天生一对

美柚贴614情人节做了一个“天生一对”的H5,页面清新,内容网感强,配合当下互联网的御宅族出了一系列测试题,联合10家品牌送福利,通过测试题和答案,引导用户注意品牌和其使用场景的天生一对。

美柚.jpg

美柚2.jpg


3、展示型

展示型的H5在近一年得到很多品牌商的青睐,它的制作简单,没有过多的交互,但在视觉设计上下足了功夫,让人大饱眼福。

 

航班管家:鸟人的活剧

航班管家这个H5用6个画面展示了出现应有的态度,整体风格非常明显且贴合主题。

航班管家.jpg

1497580146517019.png

网易云音乐:乐评博物馆

被杭州地铁的乐评海报刷屏之后,网易云音乐贴心建造了一所「乐评博物馆」,用简单的画面和有故事的文字组成起的H5,没有花哨,只有走心。

网易云.jpg

1497580212318993.png


4、视频型

品牌在基于创意内容上,形式也是有很大的改变。例如把H5和视频相结合,不仅效果炫酷,还适合明星来演绎,颇有大片的风范,并且能实现视频广告做不到的人机互动。

 

腾讯游戏x韩寒:天赋是杀不死的

H5中身兼作家、赛车手、导演三重身份的韩寒,演绎一场捍卫自己天赋的生死大逃杀,结合动漫的元素给用户带来崭新的体验。

韩寒.jpg

韩寒2.png


全民飞机大战:筷子兄弟手把手教你打飞机

真人H5都惯性采取视频特效来实现和用户之间的“伪互动”,但这只H5打破了H5视频不能添加大量互动的技术屏障,让用户真实体验到了和“明星”互动的快感。

筷子兄弟.jpg

1497580270547418.png


5、技术型

技术型H5,顾名思义就是那些以技术优势取胜、运用炫酷的技术作为卖点的H5,我们常见的包括全景/VR、3D、重力感应、双屏互动等等,天猫在这方面给我们提供了很多优秀的案例。


天猫:地球上的另一个你,会在哪里

天猫用强大的技术为大家展示了平行世界的另一个你,通过手机的上下摆动来切换梦想与现实的两种状态,而且切换的不仅是画面,还有搭配两个场景的BGM无缝衔接,值得点个赞。

天猫.jpg

1497580295251156.png


天猫:无忧话剧团

值得一提的是,天猫之前做的一个H5页相当不错,VR和H5的结合,让人很有代入感。

无忧话剧团.jpg

无优话剧团.png

优质的H5还有很多,甚至是包含了以上多重属性,品牌在依靠H5传播的同时,也注重了H5的美观和内在含义。笔者浅析今年上半年出现的较为优质的H5,和热爱H5的大家一起交流,发掘H5的更多玩法。

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)