从2014年的初露锋芒,到2018年的全面爆发,H5已然占据了互动营销的半壁江山。
那么问题又来了,在这个信息爆炸的时代,H5互动推出市场时的新鲜感正在慢慢消失。如何让H5在视觉上与体验上产生新的突破成为品牌方们关注的焦点。
今天我们就从几款精美的H5互动切入,总结一下常见的H5互动类型,希望能够给绞尽脑汁想方案的策划宝宝们带来一点灵感。
一、H5+人脸识别
本类型运用到的技术包括面部识别与面部扑捉,常见的玩法包括微信朋友圈各类爆款换脸游戏,包括两天体验突破两亿次的AR换军装、深受中老年朋友喜爱的H5抠图小程序黑咔相机,通过人脸识别之后,将真人头像叠加到Q版人物脸上,随后进行各种游戏互动体验。

案例:
1、P&G:AR面部识别脑控特效
这是天联广告与P&G旗下系列产品Old Spice合作的互动。
用户将镜头对准面部,头盖即刻被“揭开”。OMG!NFL前人气选手Terry Crews居然在“操纵”你的大脑!
面部识别到用户张嘴时,Terry开始呐喊;当面部识别到用户抬起眉毛时,Terry开始飞快的操纵控制杆;最终,您的大脑因为过载发生了“爆炸”!

2、腾讯:我的魔兽我主演
通过面部识别,生成一张用户真人为蓝本的魔兽海报;用户可以自己添加各类贴纸DIY海报,生成后的海报可转发至朋友圈,吸引其他用户体验。

二、H5+视频
本类型可与明星结合演绎,用户会有一种“看电影”的感觉;也可与第一视角的演绎相结合,更具代入感。
案例:
1、使命召唤Online:天赋是杀不死的
H5中不论是赛车手、作家或者是导演,正是三重身份的韩寒的化身,以颇具“罪恶之城”风格漫画为展开方式,上演了一场生死大逃杀,给用户带来了崭新的体验。


2、苏宁易购:春节自救指南
苏宁易购年货节来支招,一支第一视角视频H5,教你如何在春节对付熊孩子!




跳脱出春节自救指南长辈问收入,问姻缘的传统模版。从幼年熊孩子切入,从此春节自救又多了一招;第一视角的展开方式,交互电影式的选择功能,带来了全新的代入感。
三、H5+WebAR
这是去年开始出现的一种全新的H5表现方式。当然这是依托于AR技术的不断进步,目前AR已经可以脱离传统APP为载体的表现形式,通过微信公众号,Web链接等便捷的方式便可体验AR,这就找到了H5与AR的结合点。
案例:
1、百威电音风暴WebAR
这是一款由弥知科技与百威英博合作的WebAR营销互动
去年大热的陈奕迅僵尸舞广告和百威集团的保留节目“百威电音节”与WebAR相结合
用户化身电音DJ,Remix你的音乐为进度条君充能,AR DJ也随着你的节奏动次打次起来
电能满格瞬间,用户进入WebAR合照界面,可与AR DJ形象合照
合照后可分享至朋友圈哦


2、百事可乐WebAR抢红包
金猪贺岁,AR送福!
弥知科技联合百事可乐给大家送红包啦!
关注百事可乐官方公众号“一贯百事”进入体验界面,用户可在Web3D或WebAR两种模式中体验抢红包
以WebAR作为技术支持,将金猪送福,烟火爆竹以及百事特有波普风运用到一起,加之万众喜爱的抢红包😂又有谁能抗拒呢

3、乐事:新春藏宝图
由QQAR与乐事联合打造的新春藏宝图AR H5
去年大火的延禧攻略、中国新说唱、知否性冷淡古风、刺激战场游戏都被巧妙的融入藏宝图中,等待用户发现惊喜!



四、H5+测试
这种类型的H5应该不用我多做介绍了😊,2018年网易测测你的哲学气质刷爆朋友圈,算是一个现象级的H5互动了。这类互动显著的特征在于,不同于WebAR以及前面提到的面部识别技术,测试类H5不太需要强大的技术支持,很容易与当下最火爆的热点结合,推出快,传播效果明显。

案例:
1、京东:污力小测试H5
作为一位驾车多年的秋名山车神,终于有一个H5可以测试你的污力指数啦!
将趣味老司机测试H5与京东大数据相结合,可谓脑洞非常之清奇~



2、网易新闻:你是《欢乐颂》里的哪个主角
网易新闻瞄准《欢乐颂》这个大IP,在剧集播放过半是放出这个H5。因为电视角色已深入人心,体验用户都想测测自己到底剧中的谁,自然传播度变高啦!


以上提到了H5与面部识别技术、互动视频、WebAR技术、心理测试等方向相结合的一些新鲜玩法
随着手机软硬件与网络环境的不断升级,期待H5还能有更多的玩法,包括小编自己很关注的WebRTC技术与体感交互等~
优质的H5还有很多,小编期待与大家一起交流,发掘更多的H5玩法!
网友评论