第一名惊艳到我了！
儿童节、父亲节、高考、618年中狂欢节、欢乐颂2、变形金刚5……
六月热点不断，也带来数量可观的优质H5案例。
以下精选17年6月行业精品H5，入榜理由可靠。
1、行业H5排行榜
Top 1
一個不該存在的廣告
出品方：中国银联
直达链接：http://unionpaycn.wearewer.com/
上榜理由：彩色手绘形式，蒸汽朋克风格，这支H5故意以非常慢的速度，向我们讲述了人类历史发展的故事，反衬出银联支付的快。H5由大名鼎鼎的W上海操刀。
这支H5其实是16年同名H5的改版，今年为了投放海外市场，将整个H5的视觉重新包装了一遍，视觉提升不止一个档次。除此之外，H5的命名也很讨巧，一个不该存在的广告，又为何两次出现在大众面前？
《一個不該存在的廣告》
英文版体验地址
Top 2
这是成年人不敢打开的童年
出品方：网易
直达链接：该H5已下线
上榜理由： 六一期间，这支H5妥妥在朋友圈刷屏了！上线3小时 150万UV，引发了80后、90后对童年动漫经典的回忆。虽然遭遇被封以及版权问题，但是H5本身能唤起大家童年记忆，也无可厚非。
此外，网易在六月份还有一支刷屏级的H5：《解锁你的欢乐颂人设》，这个性格测试不走寻常路，问题设置犀利好玩的同时，每个答案居然配上了响应的表情包，动图加音效，难怪用户玩得不亦乐乎。遗憾的是，该H5现在已经下线了。
Top 3
地球上的另一个你
出品方：天猫
直达链接：https://ideallife.ews.m.jaeapp.com/
上榜理由：创意与技术，皆让人惊艳。双视频同屏，手机向上，看见“理想生活”，手机向下，看见“现实生活”。无缝切换，毫无违和感！
Top 4
穿越未来来看你
出品方：腾讯
直达链接：
http://nextidea.qq.com/cp/a20170615ni/
上榜理由：
《穿越故宫来看你》的续集，
未来穿越到古代，
京剧与Rap结合、
宫廷风与科技风交汇，
动画流畅，视觉惊艳！
Top 5
缤纷618
出品方：京东
直达链接：
https://h5.m.jd.com/dev/3koY2MxhyMDbJXsiaZ7rhyUzxmHX/index.html
上榜理由：
这个硬广看得我停不下来，
而且想看第二遍第三遍！！！
Top 6
关于我的故事,全在这里了…
出品方：冈本
直达链接：
http://h5.baconbuy.com/okamoto/618/
上榜理由：
浮世绘的画面风格，
生动起伏的故事，
结尾还有一颗让人浮想联翩的大桃子，
一切都污得恰到好处。
Top 7
上手机QQ 贴表情
出品方：腾讯
直达链接：
http://gxh.vip.qq.com/club/themes/mobile/act/2017/emoji_sticker/index.html
上榜理由：
身价上亿的名画们，
居然展开了一场斗图大战，
各种流行的表情包贴在名人脸上，
魔性又搞怪。
博得一笑的同时，
相信你也蠢蠢欲动想去QQ玩贴图了。
Top 8
麦满分，满分挺你
出品方：麦当劳
直达链接：
该H5已下线
上榜理由：
高考是一段经历，
准考证是每个人的青春，
麦当劳讲情怀了！
Top 9
心世界的旅程
出品方：纪念碑谷2
直达链接：
https://game.weixin.qq.com/cgi-bin/actnew/newportalact/104705/4DidwrhpdAot-ze_FAIVdQ/main_page
上榜理由：
截取了游戏里的经典场景，
无论是红色的城堡，蓝色的宫殿，
亦或是绿色的乐园，
全都美得让人窒息。
Top 10
天猫扭蛋机
出品方：天猫
直达链接：
http://www.whaledream.com/TM_Thomas/index.html
上榜理由：
扭一扭，生活好物立马有。
可以说是一颗非常了不起的蛋了！
2、工具H5排行榜
用iH5工具做出的H5，品质上都可以与开发案例抗衡。iH5六月份也是出了不少精品案例。
Top 1
测测你是《欢乐颂》里的谁？好准啊
出品方： 第一财经
直达链接：http://45b5c690c4cc.vxplo.cn/idea/7KsRMNE
上榜理由：测试题中融合了画中画形式， 彩色手绘风背景，人物却是真人。既有跨次元的视觉冲击力，又捕捉到用户内心。谁不想炫耀自己的财商像安迪呢？
Top 2
This summer，我要去巴塞罗那！
出品方：世茂集团（By爱悦互动&墨誉广告）
直达链接：http://765277e8d168.vxplo.cn/idea/MqhKRUco
上榜理由：燃！能引起用户共鸣的H5，就是好的H5！交互视频中有快闪元素，有二次元动漫元素，黑白彩色交替，快慢镜头结合，剪辑手法一级棒！
Top 3
华强北是杀不死的
出品方：Q park
直达链接：http://028b1a129c73.vxplo.cn/idea/F6q5cJp
上榜理由：BGM一出场就把人拉到香港古惑仔时代，小马哥和山鸡，浓浓的港普腔，上演了一出“华强北风云”。
Top 4
AI&投资 与你一道，突破疆界
出品方：华夏基金&微软亚洲研究院
（By 营创实验室）
直达链接：
http://0a853161409b.vxplo.cn/idea/NRb_IWt
上榜理由：
高科技风的马赛克，
翻页的同时组合成各种立体图案，
配合酷炫的背景音乐，
冲击力来得不费吹灰之力。
Top 5
你关注这个字吗？
出品方：浙江新闻
直达链接：
http://0665b1fa7788.vxplo.cn/idea/apisyq8
上榜理由：
巧妙地在文字上下功夫，
gif动画十分精致。
虽然很“红”，但是真的有点触动人心。
Top 6
一个快闪广告
出品方：风清扬
直达链接：
http://8ca604dbf7e4.vt.iamh5.cn/v3/idea/j-zQf3x
上榜理由：
教科书级别的快闪广告，
可牛逼了！
Top 7
第六届中国国际泳装展
出品方：中国国际泳装展
（By三天）
直达链接：
http://bd5d33f9aa0d.vt.iamh5.cn/v3/idea/PGNufPqR
上榜理由：
谁说翻页类的H5不能做得很高级？
视觉+音效，
分分钟让你身临其境！
Top 8
国足将挺进世界杯？球迷泪崩！
出品方：腾清动漫
直达链接：
http://bf556a02280c.vt.iamh5.cn/v3/idea/ViVefdiw
上榜理由：
就冲着这个标题！
Top 9
测测你情商高考能得多少分！
出品方：情商智慧
直达链接：
http://a00ac949e4e8.vt.iamh5.cn/v3/idea/CviYlRX
上榜理由：
找到品牌契合点，
热点助你10万+！
Top 10
王者奶爸，荣耀升级！
出品方：慕思
直达链接：
http://ba92ac3aa146.vxplo.cn/idea/nakYfFkq
上榜理由：
王者荣耀这个IP怎么蹭，
看这个H5就知道！
最后，排名带少许个人标准，欢迎讨论。
真正意义上的“0”代码开发语言——iVX
7
作品
19
粉丝
1
关注
大牛，别默默的看了，快登录帮我点评一下吧！:)
登录 立即注册