2017年那些刷屏朋友圈的H5案例们(Top15)

2017年秀H5赏析。排名不分先后。尽可能多得挑选了不同展现形式、或是不同行业的案例。

2017年那些刷屏朋友圈的H5案例们(Top15)_第1张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第2张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第3张图片

美图秀秀:妙啊!史上最奇妙的圣诞祝福

点评:这个特别好玩,任意上传一张人像(注意,是人像!)都可生成手绘贺卡,而且还可以选择绘画风格,还有小冰智能为你生成一句话,并且最后你可以把生成的贺卡下载下来。

案例地址:http://h5.meitu.com/xiu_xmas

2017年那些刷屏朋友圈的H5案例们(Top15)_第4张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第5张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第6张图片

星巴克:你的名字里有首歌

点评:星巴克这次圣诞节的活动,埋了两个点,一可以帮你生成带有你名字的祝福,二是赠送了优惠券,直接扫码可以跳转到他们的微信小程序。深谙营销活动的套路No.1啊。

案例地址:https://promotion.sandload.cn/StarBuck1221/index.html

2017年那些刷屏朋友圈的H5案例们(Top15)_第7张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第8张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第9张图片

淘宝:飞越淘宝奇市,造物节7月江湖见

点评:这效果做得特别炫酷,有点像游戏,可以控制风筝的飞行高度。涵盖的内容也蛮广的,当时淘宝造物节靠这个H5刷了一波朋友圈。

案例地址:https://g.alicdn.com/fdilab/flyover-taobao-online-wx/index.html

2017年那些刷屏朋友圈的H5案例们(Top15)_第10张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第11张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第12张图片

网易新闻:二零一七年娱乐圈画传

点评:网易出品,不得不服。画中画,展示了2017年几乎所有的娱乐圈热点新闻,所长看完表示居然全部都懂了。

案例地址:http://ent.163.com/special/entphotos2017

2017年那些刷屏朋友圈的H5案例们(Top15)_第13张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第14张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第15张图片

腾讯:智爱行动公益计划,为留守儿童发声

点评:腾讯这个公益H5做得很有水准,无论是策划、内容,还是视觉。虚实结合,小男孩是真的,场景是画的,很特别的展现形式。

案例地址:http://qipai.qq.com/cp/a20171217zhiai/index.html

2017年那些刷屏朋友圈的H5案例们(Top15)_第16张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第17张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第18张图片

新世相 :这个告白邮局,装着25岁后说不出口的情话

点评:稍微要加载一会儿...也是虚实结合,找来了陈柏霖做主人公。你可以自己写一封信,也可以阅读别人的信。

案例地址:http://static.thefair.net.cn/prince/index.html

2017年那些刷屏朋友圈的H5案例们(Top15)_第19张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第20张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第21张图片

网易新闻:章莹颖失踪74天了,全世界都想找到她

点评:这个有种看电影结合看漫画的感觉,讲了章莹颖失踪的前后故事。一个手机长屏下来,滑动到屏幕中间时会有相应的动画以及声效。又是网易出品的,真的很服气。

案例地址:http://news.163.com/special/fdh5_zhangyy

2017年那些刷屏朋友圈的H5案例们(Top15)_第22张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第23张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第24张图片

in:节气奇妙物语

点评:这个是横着屏看。看到最后发现居然是一个插画征集&投票活动。是关于节气主题的插画。也很特别,喜欢插画的小伙伴不能错过。

案例地址:https://h5.in66.com/inpromo/2017/egret/season/index.html

2017年那些刷屏朋友圈的H5案例们(Top15)_第25张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第26张图片

QQ:这可能是地球上最美的H5

点评:3D类的翘楚,声效结合得也特别好。截屏无法展示它的魅力,请点击图片进入自行体会。

案例地址:https://wa.qq.com/xplan/earth/index.html?_wv=1

2017年那些刷屏朋友圈的H5案例们(Top15)_第27张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第28张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第29张图片

拉勾:2017拉钩之夜 邀请函

点评:互联网行业的邀请函案例,拉钩出品。适合投资机构或是创业公司借鉴。

案例地址:https://activity.lagou.com/activity/dist/lagou-night-2017/h5/m_index.html

2017年那些刷屏朋友圈的H5案例们(Top15)_第30张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第31张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第32张图片

腾讯视频:听说你想当明星,我给你找了一套密卷...

点评:腾讯视频的软广,绘画风格很特别呀。一开始做题目时都没注意到画里的语音是可以点的。也是一种另类的风格。

案例地址:https://h5.juecn.cn/txgk/index.php

2017年那些刷屏朋友圈的H5案例们(Top15)_第33张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第34张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第35张图片

网易严选圣诞礼集市:相信圣诞老人吗?

点评:网易严选在圣诞节做的活动。你要领取火柴,点燃它,然后手机屏幕一直往下滑,它会照亮经过的地方,最后停在有礼盒的地方,点击打开,恭喜你,成功领取优惠券啦。不过活动现在已经结束了。

案例地址:http://you.163.com/act/pub/JrmkoK3xs8.html

2017年那些刷屏朋友圈的H5案例们(Top15)_第36张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第37张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第38张图片

拉勾:《2017年互联网职场白皮书》报告发布,跳槽全靠它了!

点评:放一个数据展示类的,毕竟现在大数据还是很火不是么(我不是投资人,我不知道)。

案例地址:https://activity.lagou.com/activity/dist/2017-summary/m_index.html

2017年那些刷屏朋友圈的H5案例们(Top15)_第39张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第40张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第41张图片

雷诺汽车:是谁霸占了新闻头条119年之久

点评:虽然是个软广,不过展现形式还是蛮特别的。可以看一看。

案例地址:http://www.dongfeng-renault.net/2017speedlegendH5/index.html

2017年那些刷屏朋友圈的H5案例们(Top15)_第42张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第43张图片

2017年那些刷屏朋友圈的H5案例们(Top15)_第44张图片

网易云音乐:2017,我的网易云音乐听歌日记

点评:严格得说来这个不属于2017年,因为是2018年1月2日发布的,只是一出来立刻就刷屏了朋友圈。生成自己的网易云音乐听歌日记,不过前提是你有云村的App啊。

案例地址:http://music.163.com/nact/year2017_30

-  END - 

西瓜设计研究所

互联网创业 | UI设计 | 开发资源 | 公开课

未经允许请勿转载,烦请私信作者获取授权

© 西瓜设计研究所

你可能感兴趣的:(2017年那些刷屏朋友圈的H5案例们(Top15))