表情 添加表情

您还可以输入 2000 个字符

取消回复

酷友观点/经验:一次看遍国内H5牛人!(原创文章) 站酷推荐文章

系统分类: 设计文章 - 酷友观点/经验 - 案例解析 个人归类:HTML5案例

文章版权:Seedheart 原创,如需商业用途或转载请与 Seedheart 联系,谢谢配合!

Seedheart

广州 / 设计爱好者
107天前发布

2016,关于H5的一切。

d2aa587592c9a8012060c82ac608.jpg


2016年是H5占领国内互联网广告的一年,令人捧腹大笑的腾讯《穿越故宫来看你》、狂拽炫酷的天猫《穿越宇宙的邀请函》、亮瞎双眼的《该新闻已被BMW快速删除》、在朋友圈大肆糊弄人的《我和宋仲基结婚照》……数都数不过来。

 

为了挖掘这些H5的精华所在,探寻2017年创作趋势,这次我们看了5000多个优质H5(包括行业与专业工具两类),历时一月呕心沥血整理出以下数据报告,包含五个方面:



(1)年度创作团队与设计师

(2)行业十大年度创意H5

(3)iH5十大年度创意H5

(4)行业四大H5数据分析

(5)iH5三大H5数据分析


本文涉及庞大的数据分析,绝对会给行内行外的人带来诸多猛料。如果你心急的话,这里还有一个压缩了精华的H5,可以扫描查看(内附长达60多页的完整版PDF报告提供下载)


2e8c5874bf98a8012060c8e49588.jpg


来看看你的大作或者名字有没有上榜?



一、行业年度团队与设计师


出品优质H5的有两大巨头,一是广告公司/团队,二是媒体。

 

2016年新兴的广告公司很多都做H5甚至变成专职做H5,这是倒退两年很难想象的场面。由于市场需求的井喷,现在很多做广告的团队都在名字上加上互动二字,实际上一般互动的入口就是指H5。

 

而媒体行业由于逐步向网络媒体进行转型,很多都把H5当作一种新的载体,创作出很多集知识、体验于一身的优质案例。


1、行业年度广告公司


行家扎堆北上广深,TGideas当红,W享誉度至高。


bedc5875950ba8012060c89e0162.jpg


注:根据数英网精选H5项目入选情况,精品指的是2016年度周选H5广告,产量指的是被数英收录的H5广告。总数根据统计项目质量与数量后进行排名,并对精品进行5的加权。


产量与精品数量齐高的是TGideas,紧跟其后的包括WMY、W、VML、LPI等广告公司。

 

TGideas(腾讯游戏官方设计团队)是腾讯御用的内部创意团队,出产H5多采用短视频的方式,设计上走的是动漫画风,制作过《穿越故宫来看你》、《薛之谦史上最疯狂的广告》等口碑与热度双高的作品。但需要注意的是,TGideas主要负责创意策划,具体实现上有时也会和国内的UID Works、Treedom等团队合作。

 

此外,从行业影响力来看,W享誉最高——2016 One Show 中华创意节年度代理公司、2016中国4A金印奖营销组全场大奖、2016中国广告长城奖文案奖金奖等等,他们年初推出的《我的精神角落》更是里程碑式的杰作。

 

从交互创新来看,VML上海用两套全景(720度全景加重力感应、一镜到底)让无数人惊艳,成为行业广告致敬的标杆。

 

而从互动传播的角度来看,创作出《百度种太阳》的WMY、《活口》的Dopemine则交出了让很多广告公司望尘莫及的答卷。



2、iH5年度创作团队/个人


——互动团队篇——


北上广深分一半,道里(创意)有道,腾讯(智慧)多才。


704c58759528a8012060c89011cb.jpg


——媒体篇——


排行第一的看看新闻16年推出了良心纪录片《人间世》。


036d5875954aa8012060c873a50a.jpg


——独立设计师篇——


听说悟脚叔叔现在接一个H5广告价格1万9起步了。


a2e958759558a8012060c828f11a.jpg


注:以上数据根据入选iH5首页的作品,统计数量与质量后进行排名。



二、行业十大年度创意H5

 

因为2016年H5广告太火了,以至于10个行业年度大作实在耳熟能详,无非是故宫啊活口啊造物节啊网易娱乐画报啊什么的。因篇幅在这里不一一罗列。如果你猜不出是哪10个广告,可以跳到最后下载完整报告




三、iH5十大年度创意H5


e17558758df9a801219c77cc84c6.jpg

创作者:悟脚叔叔TM

出品方:滴滴出行、发作性睡病互助项目


8f9b58758e6ea8012060c837f699.jpg

创作者:小牙

出品方:好屋橙意阳光公益


b1a958758eaca801219c77ad8fcf.jpg

创作者:悟脚叔叔TM

出品方:广汽丰田


b98258758f08a8012060c8f8a367.jpg

创作者:艾洛互动

出品方:艾洛互动


0df058758f5ca801219c77ea7e4f.jpg

创作者:大蛇

出品方:魅族、陌陌


f31958758f3ea801219c77cc4570.jpg

创作者:江.txt

出品方:海信电视


e17058758fc8a801219c77c80426.jpg

创作者:红与黑(北京)广告传媒有限公司

出品方:吉利博越


abc95875910ba8012060c8ffcd3d.jpg

创作者:Thirteen

出品方:澎湃新闻


1ab058759145a801219c772f494d.jpg

创作者:李小豆丶

出品方:新松·茂樾山


941558759037a8012060c8610d10.jpg

创作者:小漾互动

出品方:嗨少



四、行业四大H5数据分析



根据哇呸网2016年收录的近3000个H5行业案例,可以观察到国内H5广告的整体应用情况。


由于这些案例主要通过开发实现,仅包含少量工具案例,分析结果适用于开发者案例。



1、行业H5产出量概览



其实2016年在H5上砸钱最多的是互联网行业




2、H5应用场景分布


原来大家最喜欢用H5搞活动




3、H5内容分布




小游戏最吃香,用鸡汤打情感牌也不错。





4、H5互动类型分布


想创新?请从比例最低的互动玩法看起。





五、iH5三大行业数据


根据iH5.cn首页收录的2016年发布的3000多个H5行业案例,可以观察到国内H5广告工具化领域的整体应用情况。


由于这些案例都使用iH5提供可视化编辑器实现,分析结果适用于专业工具生产案例。


1、H5的PV分布


PV破千万凤毛麟角,没渠道的话破个万已经不错了。





2、H5时间分布


金九银十,黄金周和秋招也闹火了9、10月的H5。



3、H5应用场景分布


对比行业数据,就是工具比开发省钱,门面没有办活动烧钱




回顾2016,虽然对于H5广告来说,仍存在手机机型适配、流畅度等短期内不可解决的问题,但HTML5行业形势仍一片大好。


随着开发的“机械化”程度越来越高,策划家和设计师也变得越来越吃香——形式最后都成为模式,但好的内容与视觉依然稀缺。


以下是完整报告,形式上仿造了前天大热的天猫H5(滚筒特效)。感兴趣的话,可以在站酷给我点个赞,然后私信我(Seedheart)索要H5源文件——免费,不卖!


2e8c5874bf98a8012060c8e49588.jpg



数据采集与标记:Seedheart & 华南师范大学研究团队“五次方” & 涛哥

数据分析:尼姑拉丝赵四 & Tianxx & Seedheart

数据可视化:阿瓜

封面图设计:猴猴

版式设计:阿瓜 & Tianxx & 尼姑拉丝赵四

H5制作:Seedheart & Young



59
文章人气
3992
浏览:3992人 收藏:0次 评论:8次
推荐:59 附件下载:47次
Seedheart

广州 / 设计爱好者
107天前发布

表情 添加表情 上传作业 还可以输入2000 个字符