案例合集|年度H5热点:H5营销案例之2017(上)


尽管H5自从推出过后就开始爆火,但是这种新型的创意营销广告形式,在行业内仍然是被不断地质疑着未来的 H5 还能火多久 . 但在即将过去的 2017 年中,很明显就能感受到, H5营销行业已经变得越来越成熟化,许多现象级的刷屏现象几乎都出自于品牌的 H5 案例 .


2017年最让你印象深刻的 H5 是哪支呢? 如果一时之间想不起来,那就让蓝橙H5小编带大家回顾下这一年那些刷屏的 H5 案例


腾讯公益:小朋友的画

小朋友的话.jpg

 


 这支H5的主要功能利用图片动画加录音播放以及一些交互按钮就可以实现,并没有太复杂的程序。载入页面后看到的就是不同的“小朋友”的作品,作品下面是一段小音频,是作者本人录音,再下面是作者的介绍以及作品介绍。参与者看中的绘画作品直接购买就行,然后购买的绘画会保存到本地或者直接设置为屏保。购买完成后还有一个跳转链接,跳转到的是腾讯公益项目页面,也可以直接选择分享到朋友圈。


     腾讯公益这支H5打破了人们传统意义上对做公益的理解,原来我花一块钱买一幅相当不错的绘画就是在做公益;这样人人都能参与的公益做起来原来是这么简单。最重要的是,这支H5带领人们了解了一群不一样的朋友,他们可能在很多人眼里是不一样的,是很难融入正常的生活的,但是背后又有着这样令人惊奇的天赋与能力,他们好像是孤独的,但是却拥有者比大多数常人更加有趣的灵魂。这种形式的公益H5激发了人们的爱心,在发布几个小时后就停止了参与,显示“该项目已筹满”,可见其热门程度有多高!

 

腾讯 :地球上最美的H5

腾讯.jpg

 

3D展示+视频技术是这支H5技术上的亮点,但是要说这支H5能够刷屏,亮点可不仅仅在于此。就像这支H5的标题写的一样,这支真的可以说是地球上最美的H5了。


深色太空背景,背景中不停闪烁发光的星星,地球模型表面还浮着一层云,营造了一个非常美妙的太空场景,而用户可360度的拨动旋转欣赏地球之美,通过上下左右滑动来控制地球的转动。“地球”上设有5个触点,可以供用户点击欣赏各个景点,长按按钮时,圆圈会自动对准景点,屏幕上方出现经纬度坐标,画面会由一段过场动画,“到达”该景点,并以短视频的形式展示景点,松开按钮则返回主界面。


H5在视觉上,它的运动与地球的运动有视差效果,这让本身就很精致的画面,表现得更加细腻。转动时环境声音的播放和转换,画面表现很精美,设计的很精致。


人民日报:穿上军装


人民日报.jpg

 

这支H5到底有多火?上线4天PV近800000000!听说已经申报了吉尼斯纪录,这样思想高度与刷屏同时在线的作品从未遇见;直至现在热度仍在继续,网友和名人明星都纷纷制作自己的军装照。


节日热点+大流量渠道推广+强大技术是这次军装照H5刷屏的秘密武器!创意点:结合建军节热点让用户参与制作自己的军装照,整支H5将1927-2017这90年间的11个阶段22套军装照全部呈现出来,用户上传照片即可制作属于自己的军装照。


技术支持:腾讯天天P图提供图像处理支持。天天P图业内首创的“人脸融合”图像处理技术,能够将用户上传的照片与特定形象进行脸部层面融合,生成的图片效果既有用户的五官特点,也呈现出对应形象的外貌特征,做出了非常自然的图片融合效果还自带滤镜。

 

抖音:世界名画抖起来了


抖音.jpg 


抖音这支H5的主要内容素材是视频,视频与视频之间的部分采用的是序列帧动画,4段内容开头的启示页的动态效果,都采用了序列帧动画的实现方式。视频类H5更突显了抖音短视频的特点,模拟用户玩抖音的场景,更好的体现出抖音短视频的魅力,新颖的动效让观者眼前一亮。视频类H5是近一年非常常见的一种,例如:“穿越故宫来看你”,“腾讯动漫: 薛之谦史上最疯狂的广告”,这些都是视频类H5。因为视频创作空间更大,如果有强大的视觉创意的团队,那制作的H5就会有更多更大的可能性。

 

腾讯:穿越未来来看你


穿越故宫.jpg


这是腾讯和故宫博物院合作的又一大刷屏H5。去年一条《穿越故宫来看你》在朋友圈刷屏持续了好久,今年又推出的这支H5同样也是一经发布就收到广泛关注,起名为《穿越未来来看你》,延续之前的方向,同样很精彩。


《穿越未来来看你》再一次把传统中国风和未来科技感相结合,精美绝伦的视觉画面加上耳目一新的展现方式,比如让人可以用AR上帝视角鉴赏未来世界风土人情;以及突然闯入的异次元世界,例如让古人也能作为时空旅人在未来幻界里遨游等等这些神操作,都给人留下了深刻的印象,同时也在告诉人们,H5的展现方式其实有更多的可能性。


 以上H5案例就是2017比较优秀的案例了,当然也还有很多没有介绍完,小编将在接下来的文章里继续向大家介绍,希望对大家的H5制作提供很好的帮助。


注:H5案例没看过瘾?直接微信搜索“蓝橙互动”公众号获取案例,上百个案例等着你!

 

相关链接:H5制作|微信h5|行业H5案例|小程序游戏开发|微信营销策划

更多疑问 全面解答

全面解答全面解答全面解答全面解答

了解更多

价格咨询

方案咨询

工期咨询