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

  1. 云栖社区>
  2. 西瓜设计研究所>
  3. 博客>
  4. 正文

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

所长瓜田君 2018-01-10 18:29:56 浏览5673
展开阅读全文

0JpMv786txg

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

0JpMODLDPM0

0JpMNFrHFvE

0JpMO9n5aIC

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

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

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

0JpMNDXw6Fc

0JpMNz6n29I

0JpMNPPGYS0

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

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

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

0JpMNunGWkC

0JpMNIzAjKq

0JpMO6oWqR6

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

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

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

0JpMNCCniWO

0JpMNHVZbWq

0JpMNIbkDPU

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

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

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

0JpMNJbyPpo

0JpMNMiHwWW

0JpMNNF3CzI

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

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

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

0JpMNPCMz0S

0JpMNRM7kfI

0JpMNuWkjBI

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

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

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

0JpMNaAHbw8

0JpMNUdHo2K

0JpMNSlufuS

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

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

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

0JpMNUegS0W

0JpMNXstBeS

0JpMNZjsm8G

in:节气奇妙物语

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

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

0JpMNXM8NpA

0JpMNhA2TUO

0JpMNcYCr6u

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

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

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

0JpMNeP3QSO

0JpMNe7wu7E

0JpMNq1pBRI

拉勾:2017拉钩之夜 邀请函

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

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

0JpMNh1DNxI

0JpMNjouEbI

0JpMNn70sGu

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

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

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

0JpMNjjHJ6O

0JpMNpMk3I8

0JpMNn1ZXtI

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

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

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

0JpMNs384HY

0JpMNrWBV8C

0JpMNxSc6ym

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

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

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

0JpMO4VhNeS

0JpMO49WLp2

0JpMNzgnCbY

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

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

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

0JpMs8SgQsK

0JpMO1fYCEC

0JpMO2lPLRw

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

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

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

-  END - 

西瓜设计研究所

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

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

© 西瓜设计研究所

网友评论

登录后评论
0/500
评论
所长瓜田君
+ 关注
所属团队号: 西瓜设计研究所