上半年,这 10 个 H5 曾经刷爆我们的朋友圈

原创2016-09-08举报411824

上半年,这 10 个 H5 曾经刷爆我们的朋友圈

扫描,分享朋友圈

 这是一篇姗姗来迟的年中盘点。

进入 2016 年后,
「H5 烂大街」「H5 已经过气了」的声音不绝于耳,
腾讯发布的《移动页面用户行为报告》中
「分享率平均值仅为 3.93%」这一数据屡屡被提及,
圈内一片唱衰。

值得高兴的是,
让人直呼惊艳的 H5 还是不断涌现:
技术更好地服务于创意,
数据以更别致的方式呈现,
人们对 H5 的理解更理性和深刻,
H5 也打开了越来越多的行业新世界的大门。

那么这半年里,
有哪些 H5 曾经刷屏我们的朋友圈?
请看下文盘点。

数英网 DIGITALING 原创,如需转载请遵守文章底部规范!

注:以下仅代表个人观点,项目按照上线时间顺序排列。

1、豆瓣:我们的精神角落 移动网站

年中盘点 | 上半年,这 10 个 H5 曾经刷爆我们的朋友圈

查看案例详情:http://www.digitaling.com/projects/17505.html

(该活动已下线)

一句话点评:国内首创的章节式解谜系列 H5

成立十一年,慢公司豆瓣首次发声。该系列 H5 作为整个品牌活动的一部分,视觉调性和 TVC、海报相统一,诠释了豆瓣 11 年来微妙且不可替代的存在价值。因为涉及内容量庞大,所以被分成五章节,结合了人类五感:眼、耳、鼻、嘴、脑。小房间里内容的堆砌感很重,充满细节。


2、知乎:我的知乎五周年 移动网站

年中盘点 | 上半年,这 10 个 H5 曾经刷爆我们的朋友圈

查看案例详情:http://www.digitaling.com/projects/16531.html

扫描二维码,立即体验!
2.jpg

一句话点评:浓浓程序员风的年度盘点

豆瓣影音书年度总结、支付宝年度剁手总结,各家都绞尽脑汁在年度盘点上各出奇招。知乎这个 H5,暗色的背景,荧光绿的边框,简陋的页面,整体设计成后台程序的感觉,还时不时蹦出一个彩蛋,让人印象深刻。信息量也是相当大,对知乎大事记、用户使用历史都做了细致盘点。有些事你已经忘了,但知乎一直替你记着。


3、今日头条:为什么我们要回家过年? 移动网站

年中盘点 | 上半年,这 10 个 H5 曾经刷爆我们的朋友圈

查看案例详情:http://www.digitaling.com/projects/16656.html

扫描二维码,立即体验!
3.png

一句话点评:颠覆大数据给人的冰冷印象

今年年初,今日头条这个 H5 用大数据制造了人情味与温度,点燃了朋友圈。五组关键词的数据对比,辅以优质精简的文案与画面,最终转化为所有人都能读得懂的 H5 呈现在大家眼前。不同于每逢春节的煽情鸡汤,这个 H5 用今日头条 3.5 亿用户数据,创造出事实暖心。


4、腾讯网:2016年全国两会,李克强总理申请添加你为好友

年中盘点 | 上半年,这 10 个 H5 曾经刷爆我们的朋友圈

查看案例详情:http://www.digitaling.com/projects/17006.html

(该活动已下线)

一句话点评:时政新闻报道终于换脸了

借这个 H5,是想表扬一下政府机构和相关媒体在今年两会上的大胆尝试。今年两会涌现了形式多样的 H5,轻松活泼的内容放松读者紧绷的神经:「48 个代表神秘失踪」「傅莹邀你加入群聊」「你有一个来自李克强的红包」等等,虽然制作算不上精良,模拟微信界面仍有违和感,但也算相当的突破了。


5、ELLOTA艾洛塔:微信三维层层叠游戏

年中盘点 | 上半年,这 10 个 H5 曾经刷爆我们的朋友圈

查看案例详情:http://www.digitaling.com/projects/17030.html

扫描二维码,立即体验!
5.png

一句话点评:开启微信上全新的三维体验

微信小游戏已经烂大街,但三维场景如此酷炫的还是少见。这款游戏是艾洛互动在游戏策划这个领域的新尝试,概念源自 Ketchapp,看似简单的移植,实为重新开发。在该团队此后的作品中也能看到,已经逐渐形成独有的风格,技术驱动创意,为用户不断带去新的体验。


6、宝马:该新闻已被BMW快速删除

年中盘点 | 上半年,这 10 个 H5 曾经刷爆我们的朋友圈

查看案例详情:http://www.digitaling.com/projects/17261.html

扫描二维码,立即体验!
6.jpg

一句话点评:一气呵成营造超强现场感

从悬念性标题,到画面动效、听见的音效、紧凑的节奏,酣畅淋漓的体验让这个 H5 在放出后分分钟上了 10w+。前线网络团队曾表示,制作这个 H5 的初衷是让人看到些意外、有趣的东西,而剪接、声效、3d、后期等技术的运用,也很好地传递出了 BMW M2 叛逆、特立独行的个性。


7、侠隐江湖:一个翻滚的H5——只要功夫深 撩妹100分

年中盘点 | 上半年,这 10 个 H5 曾经刷爆我们的朋友圈

查看案例详情:http://www.digitaling.com/projects/17592.html

扫描二维码,立即体验!
1473242643364097.jpg

一句话点评:首创「翻转手机进行切换」新玩法

古装武侠风格的画面,配上浮夸的剧情和动作,一登场就注定是个有故事的 H5。这款 H5 共设置了「凡人模式」「大侠模式」两种,这两种模式切换的秘诀,就是「翻转手机」——这也正是它的牛逼之处,互动方法简单新颖,仿佛拥有了上帝视角。


8、淘宝造物节邀请函来了!我们都在造,你造吗?

年中盘点 | 上半年,这 10 个 H5 曾经刷爆我们的朋友圈

查看案例详情:http://www.digitaling.com/projects/18008.html

(该活动已下线)

一句话点评:带有重力感应的插画全景世界

用常规的 CSS3 技术,原来也可以模拟出酷炫的 VR 效果。整个界面像一个神奇万花筒,好像掉进了无尽黑洞,视觉震撼得无法自拔。另外,这种技术据说是首次被运用在插画上,炫目,让人眼花缭乱,也给人一种完全不同的新鲜感。


9、NEXT IDEA×故宫:大明皇帝除了会唱 Rap,还能有多魔性?

年中盘点 | 上半年,这 10 个 H5 曾经刷爆我们的朋友圈

查看案例详情:http://www.digitaling.com/projects/18026.html

扫描二维码,立即体验!
1473242777166597.png

一句话点评:皇帝变身 Rap 潮男还大玩黑科技

很多人都知道故宫淘宝爱耍宝、脑洞大,不过跨界找腾讯打造出这么个充满冲突感和细节感的鬼畜 H5,还是掀起了一股刷屏风。Rap 歌词很有趣味性,配上恶搞老朱家族的画面,在「模仿微信界面」的基础上又玩新花样,有很强的阅读吸引力和分享驱动力。据统计,该 H5 短短 10 天内浏览量突破了 347 万。


10、361° :我给你画了个动画,看完可别哭啊!

年中盘点 | 上半年,这 10 个 H5 曾经刷爆我们的朋友圈

查看案例详情:http://www.digitaling.com/projects/18262.html

扫描二维码,立即体验!
1473242808791071.png

一句话点评:画了个小人,竟然还动起来了

有人指出这个 H5 中的「扭曲动画技术」非 361°首创,不过也没能挡住它刷屏的汹汹气势。画出的小人会根据指令做出动作,新鲜的交互给人十足的参与感和惊喜感。围绕奥运主题的创意,挑战自我的寓意,让整个叙事更完整立体。虽是旧瓶装新酒,场景创意还是非常值得称道的。

转载规范及须知*文章为作者独立观点,不代表数英网立场
本文由作者授权数英网发表,并经数英编辑。转载此文章,在文章开头和结尾标注“作者”、“来源:数英网”并附上本页链接;
数英编辑原创文章及专题,必须确认已被数英官方微信发表后,方可转载;
如作者注明不能转载及需要授权的,请联系作者本人;
本站(网页、APP)部分文字及图片来源于网络,如侵犯到您的权益,请及时告知,我们将及时处理或删除。

上半年,这 10 个 H5 曾经刷爆我们的朋友圈

扫描,分享朋友圈