2017年那些刷屏朋友圈的H5案例们（Top15）
2017年秀H5赏析。排名不分先后。尽可能多得挑选了不同展现形式、或是不同行业的案例。
美图秀秀：妙啊！史上最奇妙的圣诞祝福
点评：这个特别好玩，任意上传一张人像（注意，是人像！）都可生成手绘贺卡，而且还可以选择绘画风格，还有小冰智能为你生成一句话，并且最后你可以把生成的贺卡下载下来。
案例地址：http://h5.meitu.com/xiu_xmas
星巴克：你的名字里有首歌
点评：星巴克这次圣诞节的活动，埋了两个点，一可以帮你生成带有你名字的祝福，二是赠送了优惠券，直接扫码可以跳转到他们的微信小程序。深谙营销活动的套路No.1啊。
案例地址：https://promotion.sandload.cn/StarBuck1221/index.html
淘宝：飞越淘宝奇市，造物节7月江湖见
点评：这效果做得特别炫酷，有点像游戏，可以控制风筝的飞行高度。涵盖的内容也蛮广的，当时淘宝造物节靠这个H5刷了一波朋友圈。
案例地址：https://g.alicdn.com/fdilab/flyover-taobao-online-wx/index.html
网易新闻：二零一七年娱乐圈画传
点评：网易出品，不得不服。画中画，展示了2017年几乎所有的娱乐圈热点新闻，所长看完表示居然全部都懂了。
案例地址：http://ent.163.com/special/entphotos2017
腾讯：智爱行动公益计划，为留守儿童发声
点评：腾讯这个公益H5做得很有水准，无论是策划、内容，还是视觉。虚实结合，小男孩是真的，场景是画的，很特别的展现形式。
案例地址：http://qipai.qq.com/cp/a20171217zhiai/index.html
新世相 ：这个告白邮局，装着25岁后说不出口的情话
点评：稍微要加载一会儿...也是虚实结合，找来了陈柏霖做主人公。你可以自己写一封信，也可以阅读别人的信。
案例地址：http://static.thefair.net.cn/prince/index.html
网易新闻：章莹颖失踪74天了，全世界都想找到她
点评：这个有种看电影结合看漫画的感觉，讲了章莹颖失踪的前后故事。一个手机长屏下来，滑动到屏幕中间时会有相应的动画以及声效。又是网易出品的，真的很服气。
案例地址：http://news.163.com/special/fdh5_zhangyy
in：节气奇妙物语
点评：这个是横着屏看。看到最后发现居然是一个插画征集&投票活动。是关于节气主题的插画。也很特别，喜欢插画的小伙伴不能错过。
案例地址：https://h5.in66.com/inpromo/2017/egret/season/index.html
QQ：这可能是地球上最美的H5
点评：3D类的翘楚，声效结合得也特别好。截屏无法展示它的魅力，请点击图片进入自行体会。
案例地址：https://wa.qq.com/xplan/earth/index.html?_wv=1
拉勾：2017拉钩之夜 邀请函
点评：互联网行业的邀请函案例，拉钩出品。适合投资机构或是创业公司借鉴。
案例地址：https://activity.lagou.com/activity/dist/lagou-night-2017/h5/m_index.html
腾讯视频：听说你想当明星，我给你找了一套密卷...
点评：腾讯视频的软广，绘画风格很特别呀。一开始做题目时都没注意到画里的语音是可以点的。也是一种另类的风格。
案例地址：https://h5.juecn.cn/txgk/index.php
网易严选圣诞礼集市：相信圣诞老人吗？
点评：网易严选在圣诞节做的活动。你要领取火柴，点燃它，然后手机屏幕一直往下滑，它会照亮经过的地方，最后停在有礼盒的地方，点击打开，恭喜你，成功领取优惠券啦。不过活动现在已经结束了。
案例地址：http://you.163.com/act/pub/JrmkoK3xs8.html
拉勾：《2017年互联网职场白皮书》报告发布，跳槽全靠它了！
点评：放一个数据展示类的，毕竟现在大数据还是很火不是么（我不是投资人，我不知道）。
案例地址：https://activity.lagou.com/activity/dist/2017-summary/m_index.html
雷诺汽车：是谁霸占了新闻头条119年之久
点评：虽然是个软广，不过展现形式还是蛮特别的。可以看一看。
案例地址：http://www.dongfeng-renault.net/2017speedlegendH5/index.html
网易云音乐：2017，我的网易云音乐听歌日记
点评：严格得说来这个不属于2017年，因为是2018年1月2日发布的，只是一出来立刻就刷屏了朋友圈。生成自己的网易云音乐听歌日记，不过前提是你有云村的App啊。
案例地址：http://music.163.com/nact/year2017_30
- END -
西瓜设计研究所
互联网创业 | UI设计 | 开发资源 | 公开课
未经允许请勿转载，烦请私信作者获取授权
© 西瓜设计研究所