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

原创文章 分类: 规范/资料 版权:
2008 26 19 0
2018-01-10
11.8
编辑推荐

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

Image title

Image title

Image title


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


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


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



Image title

Image title

Image title


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


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


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



Image title

Image title

Image title


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


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


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



Image title

Image title

Image title


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


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


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




Image title

Image title

Image title


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


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


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




Image title


Image title

Image title


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

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


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




Image title

Image title

Image title


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


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


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




Image title


Image title

Image title


in:节气奇妙物语


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


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




Image title

Image title

Image title


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


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


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



Image title


Image title

Image title


拉勾:2017拉钩之夜 邀请函


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


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



Image title

Image title

Image title


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


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


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




Image title

Image title

Image title


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


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


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




Image title


Image title

Image title


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


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


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




Image title

Image title

Image title


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


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


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




Image title

Image title


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


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


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


-  END - 




西瓜设计研究所

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

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

© 西瓜设计研究所

西瓜设计研究所

设计百宝箱 uirush.com

206粉丝/0关注

资源 | 区块链比特币设计素材合集设计师福音来啦!Uirush全面调整。

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2018 UI.CN