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

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

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

Case 1：我们之间就一个字

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

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

（长按二维码识别访问H5）

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

Case 2：爸，我想你了

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

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

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

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

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

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

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

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

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

（长按二维码识别访问H5）

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

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

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

借助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年到来。

相关阅读：

12月创意传播案例top5，妥妥的压轴了！

11月创意传播案例TOP5，看不看你都是一个粗人

10月创意案例｜看过那么多，颜值最高偏偏就是这五个

如果九月留不住，至少还有这五个神级案例

8月份那些刷屏级案例，不赶紧mark学习还等甚么

7月创意营销案例top5，你为谁转身？

月度创意营销top5第二弹，透露了哪些传播技巧？

月度创意营销案例top5发榜，你错过了什么？