2015年十大最具创意H5重磅出炉!就是它们,引领了这一年

HTML5在2015年得以井喷式迅猛发展,成为移动端传播的绝对标配,而HTML5还因此得到一个江湖名号,人称H5。


品牌传播经典在过去的一年乃至更久一些的时间内,一直都在用心关注、汇集、精选各种优秀的H5案例,每一天、每一周、每一月,及至一整年当中,那些真正牛逼闪闪名副其实、极具行业标杆价值的创意案例,无一漏网。这是使命,亦是价值。


不藏私,不溢美,今天这Top10年度案例,希望是一桌味丰量足的盛宴。以此,感谢每一位粉丝朋友对品牌传播经典的厚爱和支持。



Case 1:我们之间就一个字


现在再拿出这个案例,让人不免有些恍惚——因为这是2015年春节的作品,大众点评的《我们之间就一个字》。


你我之间太多故事、太多情节、太多历经、太多风雨同舟、相伴相依没有来得及一一细数,时光就匆匆又翻向了下一页,到如今又是一个春节在即。一个“聚”字,却永不过时。或许是因为,我们早已习惯忘却本心。


1.png

2.png

3.png

这个H5的动画效果,在字体设计上做文章,独辟蹊径尽显另类:当“金”诱惑力只是一缕过眼云烟;当“本”里窥到那颗热情未变的初心,用“欠”字以解燃眉之急,然朋友之间又岂存欠字一说;而”梦“的萤火也只有懂你的人,才能二话不说将其擦亮……


那些说不出的感谢、那些拆不散的死党、那些没发完的梦、那些没燃尽的壮志雄心,再怎么黯然神伤痴心不改,其实都大不过那一句“出来聚”。


(长按二维码识别访问H5)


大众点评的这个“聚”字,还引发了一场品牌跟风狂欢,感兴趣的可以移步阅读:“聚”过之后,他们便自说自话



Case 2:爸,我想你了


又是源自大众点评,这是为电影《失孤》做的social推广。


创意的逻辑起点是:“对了,上一次你和老爸合影是多久了?” 从这个问题开始,创意执行公司W选择摒弃传统熬汤或煽情模式,选择用一种更加轻松自然,却不可取代的血亲游戏,来让受众重温父爱深意。


5.png6.png7.png8.png

进入H5,分别选择父亲和你的生肖,即刻在“大众点评父子照相馆”相框中冲洗出你们的父子合影,配合量身定制的父子对话文案,搞笑的动物配音,让平日难以启齿或早已流俗的父爱主题变得清新可爱,叫人眼前一亮。


龙应台说过:所谓父母、子女一场,只不过意味着,你和他的缘分就是今生今世不断地在目送他的背影渐行渐远。


9.png

(长按二维码识别访问H5)



Case 3:这个陌生来电你敢接吗


这个案例是不是已经尽人皆知?这是大众点评为推广其19.9元看复仇者联盟2推出的H5互动。


玩过的人都知道,故事是这样的:小明接到一个未知号码来电,点击接听结果引来各位复联英雄开挂一般的攻击,就当屏幕碎到要预约苹果genius之时,最终Boss奥创出场不屑地吐槽了小明的肾6小屏,并信誓旦旦地说要玩就玩大屏,然后将小明带到了19.9看IMAX大屏电影的最终页面……


H5的特效做的非常牛逼,碎成渣的玻璃、五角星盾牌、大铁锤、子弹、一支箭、一道光、绿皮大拳头、奥创等复联2的标志性符号在这里都成了微信界面的道具。一开始的陌生来电界面又非常有代入感地将用户引入到一个与自己有关的故事里面。总之,各种悬疑和大片的要素都齐了。


衡量一个social campaign的是否真正成功,其实有一点比较重要,就是其能否能成为行业参照模板乃至市场教育者。从这个层面来看,“陌生人来电”这个创意营销绝对是成功的,因为不少后来者开始跟风、模仿、改编,甚至微创新。


制作方W公司,也因为多个H5成名之作,江湖地位炙手可热。



(长按二维码识别访问H5)



Case 4:欧莱雅的明星朋友圈


在今年的戛纳国际电影节上,欧莱雅利用其产品的全球明星代言人,创新性地建了一个明星朋友圈,把全球代言人Karlie Kloss、其史上最年轻的代言人Barbara Palvin,还有中国的范冰冰、李冰冰等等全部圈了进去。

这个明星朋友圈的特别之处,在于独立于微信朋友圈再造了一个“朋友圈”,而且别人一样可以进来为这些明星点赞评论分享转发,听起来酷酷的有木有?而这其中,范爷的戏份是最重的,粉丝们把各种肉麻都倾泻在了微信平台上,要知道,以往“明星—粉丝—品牌”三者互动的主阵地可是在微博上。


这个案例,也是后面一系列"朋友圈H5"模式的开山鼻祖。


(长按二维码识别访问H5)



Case 5:《万达工作法》微信书


企业自媒体正在强势上位。这一点,几乎被疯狂刷屏一年而且PV仍在坚挺上行的万达微信书,就是明证。


去年5月,万达集团在其官方微信上发布了名为“万达工作法”的微信书。这一创新之举,瞬时引爆、击穿微信朋友圈,上线至今,PV突破500万。微信书在其序言(其实人家叫自吹,见下图)中说,这是一次前所未有的尝试,这是第一本基于微信平台阅读和发行的微信书,从采写到编排到制作,绝对纯原创。而且完全免费,只在线上阅读。





(长按二维码识别访问H5)



Case 6:大船 THE OLD


这是一个时时被业内忽略、却价值千金的H5纪录片级的创意案例。


2015年6月1日晚,长江水域,“东方之星”沉船,442名遇难者中超过90%是中老年人,年龄超过了50岁。


一曲挽歌悲未尽。事发后,无界传媒制作推出中国首个大型新闻互动影像作品《大船 THE OLD》,凭吊那些人到暮年滞留江底的父亲母亲们。



借助H5页面对影像、声效、场景和交互等多维承载和呈现,这个作品对这一灾难事件进行了真正意义上的可视化还原。从船至江心到无常倾覆,从勉力自救到沉船打捞,从亲人哀恸到举国哀悼,每一个场景都是灰白底色,苍凉、悠远,像是在打捞一片片零落的记忆,让人探目其中,一声叹息。


这个作品的内容承载、场景设置、主题表达和情感处理,均达到了一个优秀纪录片的标准,加上页面交互本身也参与了剧情的演绎,所以称其为H5电影毫不为过。


(长按二维码识别访问页面)



Case 7:一份关于好奇心的日报


这个该是过去一年最成功的测试类H5了。


以“好奇驱动你的世界”为立场的《好奇心日报》,用一个轻娱乐的测试游戏,邀请用户钻进一份面像奇特还会动的报纸,走进一个光怪陆离似是而非的知识世界,回答几道你平时可能有意无意忽略答案的测试题,给自己的好奇心估个价。



这份H5报纸的成功之处有三:1、非同凡响的设计,把司空见惯的报纸做出了极具奇幻意味的颠覆性,符合人类对未知的想象,配得上好奇心这个命题;2、测试题设置的精妙,巧妙游走在已知和未知之间,中间的误差恰好就是你我的好奇心;3、结果触发思考,既然我们的好奇心数值可以与乔布斯等身,那我们后来是在哪里掉队了呢?


(长按二维码识别访问页面)



Case 8:不误事的《太误事报》


支付宝7月份发布了新版标识形象,全面转向蓝色系。于是,支付宝组建了一个蓝色联盟,联合墨迹、知乎、陌陌等7个蓝色APP根据自身特点并结合大数据,以报纸的形式和名义发布了一份覆盖到生活方方面面的《城市蓝色幸福指数报告》。


这份报纸就叫《太误事报》。


可以看到,这是一份颇具科技感的无厘头报纸,采用了动图技术,并将《城市蓝色幸福指数报告》当中的数据爆点融入其中,然后用趣味的场景设计和大标题来呈现相关数据。


支付宝的蓝色联盟之所以把这份报纸叫做《太误事报》,意指各地居民在失去了科技数据的支持后生活不够智慧,结果误了很多事。而蓝色联盟的存在,就是帮助人们“不误事”。


“报纸”办成这样,也真真是够那些尚在纸媒工作的记者编辑们焦虑一番的了。而这一案例,也开启了报纸类H5的风潮。


(擦,貌似H5已下线了)



Case 9:吴亦凡即将入伍


去年最火的H5案例之一,自然是“吴亦凡即将入伍”,不仅仅引爆朋友圈,而且引发各路创意和技术大神纷纷撰文解析。



这个作品确实达到了“毫无防备的惊艳”的程度。模拟腾讯新闻页面、图片和真人秀视频的无缝转换、无框全屏视频等技术创意亮点令人叹服。


关于技术实现路径,已经有不少文章有详细解读,这里不再赘述。但是注意这个词——技术创意,在移动互联网时代,创意不再是纸上谈兵,离了技术实现,再好的创意也是奢谈和呓语。


同样,这是全屏视频类H5的引领之作,值得年度致敬。


(长按二维码识别访问页面)



Case 10:选择做不一样的自己


一个人的励志成功史,足以讲一个好的故事,拍出一部卖座的影片。如果用H5来实现和低成本传播呢?


宜信财富做了一次不错的尝试。在这部名为《选择》的“影片”中,主人公20岁离乡打拼,最贵身家是一辆三轮车;45岁,公司上市,带领千人团队改变世界。故事由此开启,从静态图片页面切换进入“吴亦凡视频真人秀模式”,再到漫画风格叙事,虚实结合,舒缓又不乏视觉跌宕。


有海报图,有仿真漫画,有真人秀,有用户交互,有故事铺陈,这样的叙事方式足够创新,也具备了超值的大片儿体验。社交媒体上的传播反馈也证明,这是一个非常成功的内容营销案例。


这个作品之所以入选年度案例,其价值在于,为所有企业在书写、传播自身发展史时树下了一个标杆,平实、真诚却不乏另一种惊艳,堪称叙事型H5的佼佼者。


(长按二维码识别访问页面)



如上十佳案例,既考量作品的传播效果、创意、技术实现和业内口碑,同时也看重是否具有行业开创性和引领性。


炫技无罪,洞察有理。期待更多更具创意和social本心的H5,在2016年到来。

来源:品牌传播经典

本站文章均由 HTML5梦工场 编辑从其他媒体精选HTML5相关文章转载,仅供网友学习和交流,如果我们的工作有侵犯到您的权益,请及时联系小编QQ:123464386,我们会在第一时间进行处理!投稿与合作,请发至邮箱:tommy@html5dw.com