父亲节

年终盘点 | 2016最值得关注的十大HTML5作品

2016-12-14 09:00:11
0 0

相信今年,你会不止一次听到“这支H5又刷屏了”“那支H5制作费花了一百万!”等等热议。

annual-h5-20161212-2

在这个以移动设备称霸的时代,H5已经被越来越多应用到社会化营销环节。但2016年的H5早已经跳出人们传统的理解范畴,它们的创意越来越多样,制作费用也越来越高。在过去的一年中,你大概不止一次听到“这支H5又刷屏了”“那支H5制作费过百万!”的热议。因为,2016年里H5已经变得越来越“不简单”。

麦迪逊邦就从2016这一年中的作品中,从创新性、交互性、传播性以及品牌性几个维度考量,选出十个值得关注的H5营销作品分享给大家:

 耐克   你与冠军的距离,就差那么一点 

···创意代理:N/A···

关注指数:☆☆☆☆☆

当新广告法对自媒体账号的束缚越来都多,不少品牌还在纠结以后到底怎么玩法时,耐克却直接借助H5带了一个“打硬广”的好头。作品最初是由耐克在gogoboi公众号推文中发布,乍一看只是一条普通的推文,但细心的人会发现,这些推文都标注着“广告”二字。

当用户以为这仅仅是一条普通的公众号推文时,却发现文中的配图居然“动”了起来,一切原来是耐克巧妙模拟出的阅读场景。重点是耐克不仅模仿了一个KOL风格,而是一群KOL,并且将内容文字调性与账号本身的性格相贴合。比如与新世相合作,选择模拟文章标题为《你应该找到自己的气场》;与gogoboi合作的文章标题为《宇博向你扔来一枚老公,请接好!》……所有的“意想不到”背后则是耐克精心布局的一出好戏。至于最后传播效果,自然也是惊喜。

nike-jpg-20161213-1

 nike-20161213-1

 宝马中国   该新闻已被BMW删除 

··· 创意代理:前线网络&INRERONR ···

关注指数:☆☆☆☆

其实近年来汽车品类H5作品花样一直不缺新意,但宝马的H5作品却只用一辆汽车就造成了朋友圈的“地震”。这支作品由当时宝马一篇神秘微信推文而起,一句《该新闻已被BMW删除》的悬念标题立马点燃了网友的好奇心。点开原文链接后,一辆BMW M家族全新车型M2从虚拟的新闻内页呼啸而出,揉碎了新闻纸张,撞破了朋友圈的文字…充满“速度与激情”的画面感掀起朋友圈一阵阵呼声:“好过瘾!”。

虽然“打破格局”的创意设想在广告圈已经不算新鲜,早已应用于PC端广告创意,但宝马作品算是比较早的将这一技术运用到移动端,突破了人们对传统H5的理解,让内容变得“活”起来,着实令人眼前一亮。

bmw-jpg-20161209-1

bmw-20161209-1

 豆瓣   我们的精神角落 

··· 创意代理:W ···

关注指数:☆☆☆☆☆

今年年初,历经了11年沉淀的豆瓣推出了首部品牌形象片“我们的精神角落”,随之而诞生的还有这支同名H5。从画面到文案到交互,由内而外散发的都是满满豆瓣的文艺气息。作品分为看、听、闻、说、精神五个章节,W试图通过一种影像诗的画面和表达方式,带用户进入一个寓言故事,并在这个故事里寻找出真正的答案。

从作品大胆的创意发想到整个过程体现出来理性和精神的结合,充满撞击的文案和故事情节一方面加强了豆瓣本身的用户黏性,同时也给普通用户带来一次精彩的H5体验。

  百度钱包&百度外卖   出来种太阳,迟早要还的 

··· 创意代理:WMY ···

关注指数:☆☆☆

翻唱改编经典歌曲早就不是新鲜事,但是当全国高温情况下,百度这支H5的“种太阳”背景音乐一响起顿时让人忍俊不禁。“马路变成了铁板烧,小鸟变成了烧烤……”一连串幽默的改编歌词更是让人有种忍不住把它“祸害”给朋友的冲动。

无论是漫画逗趣还是歌词逗人,内容都只突出“热”这一个主题,配合夏季高阳顿时让人在体验过程中找到共鸣。随着歌曲结束,这才露出百度钱包以及百度外卖的品牌信息以及友情提示“天热就点个外卖”。如此让人“开心”的作品,怎能不引发热议和转发?!

 网易哒哒&网易新闻   里约大冒险 

··· 创意代理:网易哒哒 ···

关注指数:☆☆☆

2016年的标签之一就是奥运年,所以这支作品就开始往巴西里约头上动创意了,巧的是,大家很吃这一套。你只需要在进入作品时画一个心仪的小人,然后就可以看这枚小人的朋友圈大冒险了。

作品中所有的画面都紧贴里约奥运会的内容和情景,结合网易哒哒“黑黄”色和里约奥运的色彩打造作品主色调,用“画小人”的核心元素去让用户体会里约的风土人情及城市特色。这支作品从8月10号上线不到两个小时就开启刷屏模式,24小时后突破了千万级流量。整个作品策划和交互的融合打造的优质体验感,画面色彩的舒适度、作品年轻态都是成为其刷屏的原因。当然,这个作品也一度被微信给“封杀”……

 腾讯   穿越故宫来看你 

··· 创意代理:TGideas+Treedom ···

​关注指数:☆☆☆☆☆

作为一个IP年,今年的精彩H5作品里自然也少不了IP的影子。没想到腾讯与中国最经典IP——故宫博物馆合作的H5作品居然是为其NEXT IDEA创新大赛做造势。

不过看了最后呈现的作品,顿时被具有现代时尚味道的穿越版故宫给洗了脑:明朝的永乐皇帝“老朱”在手机里大玩穿越,头戴墨镜唱RAP,卖萌自拍求点赞……视频中融合了如VR、RAP等现代元素,让原本距离遥远的古人重新焕发生机同时笑点满满,刺激年轻用户去分享和点击的欲望。据悉,这支作品在当月的总浏览量已经突破340多万,说是刷屏级作品真的一点都不为过了。

 淘宝   淘宝造物节 

··· 创意代理:VML ···

关注指数:☆☆☆☆

提到今年值得关注的作品,自然少不了本次淘宝造物节的H5作品。VML运用CSS3的空间变换命令营造出的虚拟3D视觉效果顿时“炫”晕了一片人,当然除了技术,背景音乐也是不得不提的亮点。本次音乐由“火星弟弟”华晨宇为活动量身打造的单曲《造物者》,自由活力的音乐风格感染着点开它的所有人,超强的辨识度和传唱度也为作品传播加分不少。作品还让用户旋转手机时就能看到插画全景,并且其中还暗藏玄机:四大主题的邀请函就藏在画面中的各个角落。

音乐的无缝衔接,眼花缭乱的沉浸式体验可能是玩过的用户感触最深的一点。

由于作品时效性,此案例二维码已失效

 天猫   尽情尽兴,尽在双11 

··· 创意代理:VML ···

关注指数:☆☆☆☆☆

谈H5作品,我们总会提到创意、交互等,但是谈到执行不得不佩服这支天猫的H5作品。网友通过手指轻滑动,就可以感受到由225张素材图精心构建的“一镜到底”的天猫世界。其中每一个画面元素都经过精心的拍摄、修片、合成以及渲染,制作团队背后的付出可见一斑。虽然素材多,但是图片格式被有效控制,让最后作品的呈现效果非常流畅亮眼。

作品承载着“双11”这个IP搭载出充满未来感的沉浸式体验空间,光从新鲜感和创意上就不难发现它散发着刷屏的气味。不过业内部分人士也对一个H5制作费用超过百万略有微辞,不过现在的H5似乎已经远远超过原来的定义了不是吗?

 Dopamine   活口 

··· 创意代理:Dopamine ···

关注指数:☆☆☆☆

这支作品是由创意机构Dopamine为性格色彩APP制作的一支密室逃脱游戏。与传统的密室逃脱游戏模式相同,通过将产品线索与游戏情节融为一体,故事情节环环相扣,用“色彩”引导用户层层深入,最后需要用户支付一元钱来下载“性格色彩APP”以解开谜团。

值得一提的是,作品除了精彩的故事情节和逼真的画面外,在H5中加入了付费环节也是比较少见的形式。虽然作品在传播性和创新性独具亮点,但与品牌挂钩还是略弱。即便游戏本身处处点出“色彩”的线索,但却很难让人充分了解推广品牌“性格色彩”APP。

 腾讯动漫    薛之谦2个月没写微博段子,结果憋了个大招  

··· 创意代理:TGideas ···

关注指数:☆☆☆

说到薛之谦,最先让人想到的一定是“段子手”这三个字。这支被刷爆屏的H5作品是薛之谦代言腾讯动漫的H5推广,除了告诉观众“薛之谦代言腾讯动漫了!”以外,情节丰富的故事脚本可以说是最大化地发挥了薛之谦段子手的潜质,将国漫的经典段子和薛之谦本身的演绎巧妙结合,令人捧腹不止。据媒体消息,这支H5在微信上发布仅三个小时,就已经突破了120万点击量,可以说是当之无愧的刷屏作品。

过去两年间,在广告行业这“说新不新,说旧不旧”的H5营销已经在面临同质化、创意复制带来的用户审美疲劳等等问题。从这十大刷屏H5作品中我们不难发现,经历过去年的H5海量作品洗礼,今年各代理方和品牌主更多的把精力放在突破套路、求新求变上,H5成为一个更具有包容力和变化性的魔盒,煽动着人们的好奇心持续关注着它!

相关推荐换一批

  • loading...

  1. 下次自动登录

    注册

    第三方登录

  2. 下次自动登录

    注册

    第三方登录

注册

已有账户?立即登录

第三方登录

忘记密码

第三方登录

忘记密码