本文系 SocialBeta 2016 Top List 系列的第四篇文章《SocialBeta Top List | 2016 年度最受欢迎 H5 Top 10》。 从 11 月 30 日开始，我们会持续为大家奉上 Top List 系列的其他文章，盘点 2016 年的数字化前沿动态。敬请期待！
No.1 宝马:《全新 BMW M2 即将上市》
前线网络 & INRERONE
宝马这支 H5 画面流畅，H5+ TVC 的技术实现「页面扭曲」、「视频碎裂」等炫酷视觉效果，符合宝马 M2 自身快炫猛的个性。从效果上看，微信的标题配合悬念营销，在仅发出 1 小时时间内阅读便突破 10W+。
（扫码可体验）
No.2 腾讯 Next Idea×故宫:《穿越故宫来看你》
腾讯娱乐事业部 TGideas、Treedom 青木创意
这支将传统文化 IP 与互联网流行元素跨界结合的创新 H5 不仅刷屏了朋友圈，还带动了此后的 H5 说唱音乐风潮。此外，故事脚本设计分别对应比赛类别，形式与内容高度契合，并植入腾讯多个业务产品，实现了助攻传播。
（扫码可体验）
No.3 天猫:《穿越宇宙的邀请函》
VML
天猫这封邀请函运用空间推移的「一镜到底」技术，用长镜头替代分镜头营造出 3D 感和纵深感，同时设有 VR 模式，增强感官刺激。做到了视频、动效、文案、音乐的无缝转换。设计上大量的猫头视觉元素轰炸眼球，也突出品牌主题。
（链接已失效）
No.4 豆瓣:《我的精神角落》
W
配合豆瓣十周年上线的这支章节式 H5 游戏，画面复古精致，高难度挑战用户逻辑思维。从执行角度看，整合多种表现形式，如 VR 视频、TVC 等，并与豆瓣平台功能属性紧密关联，加深用户对豆瓣的品牌印象。
（扫码可体验）
No.5 Dopemine:《THE SAVE 活口》
Dopemine
《活口》这支 H5 将密室逃脱游戏搬上手机，同时将「电影 + 互动 + 沉浸式体验」巧妙融合在 H5 中，创新了 H5 环境下的影片交互体验。从设计角度看，精巧的情节设计与实景故事场景结合，让用户身临其境。此外，植入移动支付功能，大胆试水商业化。
（扫码可体验）
No.6 微信:《我和微信的故事》
腾讯 CDC 设计团队
这支数据盘点型 H5 基于微信 15 亿用户的大数据，对每位用户的日常生活行为进行整理后，为其生成专属内容。由于本身数据自带互动性，参与方法门槛低，呈现形式美观大方，且把推广时间节点选在年末，在朋友圈内引发了病毒式传播。
No.7 淘宝:《淘宝造物节》
VML
从技术角度看，这支 H5 利用「手机重力感应 + 360 全景 + 动画技术」打造三屏互动的体验，在介绍「造物节」同时发出对用户的「邀请」。在视觉方面用色大胆，三个视频对应三个主色调，还在电脑端增加了简单适配。
（扫码可体验）
No.8 墨迹天气:《天气改变命运》
W
这支原创音乐互动 H5 在为期 17 天的奥运期间一天推出一支 H5，紧跟奥运热点，每天迭代更新。在最后一期推出独立开发的小游戏，并用内嵌 TVC 串联起「天气改变命运」营销战役。
（扫码可体验）
No.9 腾讯动漫:《薛之谦史上最疯狂的广告》
腾讯互娱市场团队
从创作角度看，这支 H5 将二次元漫画与薛之谦真人表演相结合，实现了手绘描边的漫画效果。人物设置上，从脚本、服装到演绎形式均符合薛之谦本人的气质，在内容、人物表演甚至台词和音乐等细节方面也兼具亮点。
（扫码可体验）
No.10 耐克:《你与冠军的距离，就差这么一「点」》
Oookini
耐克联合多位微信 KOL 为其定制了专属「H5 伪装页面」，以文字链接形式发布给用户全新的 H5 观感体验，巧妙的点在于该 H5 在《新广告法》颁布时，在 H5 中插入「广告」两字，创意手法收效显著。
（扫码可体验）
SocialBeta 2016 Top List 是由 SocialBeta 旗下连接实验室以及内容团队共同评选的年度榜单，聚焦品牌、媒体平台和代理商的数字化前沿动态。榜单内容涵盖商业运作、社交媒体表现、海内外影响力、品牌创新、广告技术和数字生活等多个维度，旨在为从业者提供品牌数字化转型和营销创新的新思路。
预告：本周 12 月 9 日，我们将发布《SocialBeta Top List | 2016 年度社交媒体十大特色运营方式》，敬请期待。
感谢您对 SocialBeta Top List 的认可。如需转载，请在我们的微信（ID：hisocialbeta）后台留言获取授权。转载时，不得在 SocialBeta 微信首发之前转载，不得擅自增加、删减或修改原文内容，否则我们会以举报抄袭处理。谢谢配合！
