2016年上半年快结束了,这半年iH5涌现过各种堪称极品的H5案例,要么具有令人拍桌赞叹的创意,要么设计讲求得让人忍不住多看几眼。

大多数人不知道,H5界除了腾讯常常引爆潮流外,iH5也有神秘机构屡屡产出高流量的H5作品。
比如神奇的河北电信,由于常用H5做送流量的活动,差点玩瘫了iH5的数据库——合计浏览量超过千万;还有看看新闻,借势营销的手腕很值得借鉴。

本合集整理出上半年在内容创意和整体设计最为出彩的10个极品H5,来看看有哪些H5当选了?

html5龙2016年史上最极品的H5聚集 Node.js

1、Hey,我们在未来等你

http://2f41626bdf1f.ih5.cn/idea/2dg9hDj

传播指数:★★★

创意指数:★★★★

设计指数:★★★★★

关键词:科幻电影,殊效,GIF

出品方:Verawom

入选情由:如果你刚看过魔兽电影,很欣赏里面的殊效,这个H5肯定也会让你面前一亮!
每一页都暗含“绝技”,各种动效的水准堪比院线大片,连每一页的背景音效也经由精心设计,不雅观赏度极强。

2、吉利博越上市媒体约请函

http://c6f77f2a9bd8.ih5.cn/idea/bwaz8pd

传播指数:★★★

创意指数:★★★★★

设计指数:★★★★★

关键词:宇宙,笔墨漂移,自定义JS函数

出品方:吉利博越

入选情由:这个约请函可谓设计得出神入化,科技感和代入感极强,一步步勾引我们探索宇宙,并在途中揭秘发布会韶光和地点。

3、好好老公养成记-标准版

http://9a4e40bbe0fa.ih5.cn/idea/aklq6Jf

传播指数:★★

创意指数:★★★★★

设计指数:★★★★★

关键词:坐月子,网页游戏,碰撞

出品方:仕馨

入选情由:很多公司试图通过H5游戏来凸显品牌魅力,但真正能把游戏元素和品牌特色结合起来的人却寥寥无几。
这个H5包含三个不同风格的游戏,每个游戏都与品牌方做事密切干系——作者正是去年把青岛啤酒玩成密室逃脱的团队,曾引发一股H5密室游戏的模拟热潮。

4、权力的游戏天下城邦之旅

http://a2b2a247048e.ih5.cn/idea/kmtJAnJ

传播指数:★★★

创意指数:★★★★★

设计指数:★★★★

关键词:权力的游戏,转世舆图,页面跳转

出品方:足记

入选情由:这个H5的构思十分奥妙,让读者游遍剧集各地,历史感厚重——页面高达50页之多。
输入你的名字,选择你的身份(贵族,龙,学士等等),探索不同的领地,就能知道你转世后会成为《权力的游戏》中的谁。

5、「我和宋仲基结婚照」在线天生器

http://5ea4bcdd9895.ih5.cn/idea/ris4x58

传播指数:★★★★★

创意指数:★★★★★

设计指数:★★★

关键词:宋仲基,照片天生,愚人节

出品方:看看新闻

入选情由:一贯在模拟,一贯在超越。
照片合成器不是新点子,但这个H5硬把老梗打造成新的爆品。
熟习iH5平台的人基本听过这个H5的大名,在4月1日以宋仲基之胜景利忽悠上百万“老婆”。

6、网红大揭秘

http://0a9247b308ff.ih5.cn/idea/IjF9sxt

传播指数:★★★

创意指数:★★★★★

设计指数:★★★★

关键词:网红,仿照对话,语音

出品方:VIVA畅读

入选情由:“网红为什么能赢利?”“网红究竟是怎么挣钱的?”“直播平台的抽成是多少?”所有问答都如此扣民气弦,而且都会得到语音回答(经由变声器处理)。
不过如果你还想保护你的耳朵,不建议听完所有答案(怪就怪几个主播让人【哔——】的声音!

7、湖南方言神级大考,听说仅3%的人能及格!
你敢来试吗。

http://8dedde9edb55.ih5.cn/idea/CVKVqmB

传播指数:★★★★★

创意指数:★★★★★

设计指数:★★★★

关键词:湖南方言,测试,数据库

出品方:苏宁

入选情由:iH5上很多方言测试型H5的效果都不错,但这个H5是销量冠军,上线一周内点击量打破150万!
常德话、岳阳话、宁乡话……各种湖南方言的听力测试,每题下面还有一个“××人在此题阵亡”的神级提示。
最绝的是,末了一题实在是个广告。

8、【舰N日报】专注扒历史,船事永流传

http://0181b7f91013.ih5.cn/idea/pdHuqPe

传播指数:★★★

创意指数:★★★★★

设计指数:★★★★★

关键词:船事,二次元,娱乐小报

出品方:战舰少女

入选情由:看到魔性的局座那一瞬间,我差点笑喷了。
《舰N日报》是一个长线发行的电子互动期刊(当然紧张是某手游的推广),设计和创意的连贯性很强,每一期都极具诚意。
听说近两年很多动漫杂志停刊了,照这个路子制作线上特刊想必故意思得多。

9、北京服装学院12级毕业生三体动态海报凑集

http://20c6a943f1ef.ih5.cn/idea/7Zlpjry

传播指数:★★

创意指数:★★★★★

设计指数:★★★★★

关键词:三体,动态海报,毕业设计

出品方:北服

入选情由:iH5和海内很多高校多媒体干系专业的学院有互助,在培训师到各地“讲学”时,创造很多学生创造出的作品实在让人面前一亮。
有兴趣看看这些还没毕业或快毕业的90后脑洞开得多大吗?这些作品其实不赖!

10、2016欧洲杯不雅观战宝典(专供收藏)

http://54414c5d929f.ih5.cn/idea/59ZQ4L4

传播指数:★★★

创意指数:★★★★

设计指数:★★★★★

关键词:欧洲杯,赛程,滑动韶光轴

出品方:逐日经济新闻

入选情由:你熬夜看欧洲杯了吗?这个H5本着为广大球迷做事的心态,整理出欧洲杯赛程、各场比赛夺冠剖析、各国强队近期实力的解析,设计精良。
如果你对这一赛事感兴趣,千万别错过这么详尽的不雅观赛宝典!

以上是2016上半年iH5史上最极品的H5凑集,是不是还没看过瘾?末了多送一个极品H5!
汇总所有的iH5精良案例大汇总!
长年更新,只推佳构。

http://5a6104b21c38.ih5.cn/idea/-39dlfR

如果你还想看看系列(下),请连续关注我们,半年后揭晓答案!
(说不定还会涌现你的大作~)

【附】

H5制作过程:进入iH5官网→点击右下角“新建案例”→在页面编辑器开始设计