做了30多个H5，我们有两条心得

导读

万达新媒体在H5创新上做过这些惊艳的小事。

“一镜到底”，而且史上最长

20 16年9月28日，业内权威大数据公司——新榜推送了一份榜单，标题是《万达集团发布“一镜到底”H5，刷屏夺冠》。这 款H5，光在微信 上， 就有220万的PV，23万次分 享，传播层 级更达到了77个层级。 它的成功有啥秘诀？来，扫一下。

H5二维码

这个爆红的H5，讲述的是现代人整天忙忙忙，忽略了孩子成长的故事，主要为9月24日刚开业的合肥万达城造势，主打“万达城缔造欢乐时光”的概念——是的，题材并不新鲜，并没有“听上去就很刷屏”的潜质，那么，万达新媒体玩了怎样的“套路”？

抛弃炫技的冲动，回归创意。

“一镜到底”H5截图

第一，交互简单。 这个H5共有30幅插画，你要做的就是把手指放在手机上按着，直到看它播放完。是的，没有视频、对话框、小游戏、来电提醒……可谓H5界的一股清流。

第二，一镜到底。 交互简单也有可能玩砸，一不小心就东施效颦，所以画面创意就尤为重要。万达城H5类似于俄罗斯套娃：第一幅画是第二幅画面中的插画，第二幅画是第三幅画的电视画面……镜头无限往后退，一镜到底的同时，也激发你对下一个场景的好奇，颇似于卞之琳《断章》中的“你站在桥上看风景，看风景的人在楼上看你”。

其实，这个变焦动画的创意源自于一位伟大的艺术家，伊斯特万·巴尼亚伊（Istvan Banyai）。他正是采取不断放大的构图视角，让故事充满悬念，仿佛每一个视角的变更都会出现一个新的故事。万达新媒体为了致敬这位伟大的艺术家，开创首款“变焦”动画H5。

第三，它是连环故事。 再好的创意也得服务于内容，而这30幅插画，看似独立，实际上讲述的是一个家庭亲子的故事：男孩A羡慕别的父子逛游乐园，男孩B在书上看这页插画而父亲却忙着电话，这一幕被女孩的父亲在电视看到，于是决定带着女儿出去游玩。属于经典的三幕剧，包含了开篇、发展、高潮。

当画面定格在“最美好的时光，是有你在你身旁”，这款H5就深深打动你了。

场景式H5的突破

2015年8月H5案例“吴亦凡入伍”惊艳亮相之后，H5界不淡定了。

“吴亦凡入伍”H5

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

像万达新媒体这么潮范儿的，有新东西怎能不试试呢？于是，2015年11月，为了宣传万达集团微官网，我们这么玩了一把。

万达集团微信公众号菜单页植入H5视频真人秀

这个创意的最大亮点在于， 美女主播在官方微信和微官网之间来回穿越，上演“吴亦凡入伍模式”H5视频真人秀，将视频抠图嵌入H5，女主播把万达的微信公众号界面和微官网界面内置元素随手拖拽、抽拉、拆除、腾挪，玩得不亦乐乎。

因为微官网入口是嵌在微信公众号菜单，所以万达的这个H5推广目的很明确，就是要告知用户如何快捷抵达微官网。

酷炫的技术交互+美女主播神秘消失的噱头+公众号和微官 网双界面漂移，这三大创意亮点，让这个作品取得了不俗的传播战绩。

要玩就玩个够，系列H5就这么诞生了

在上一个作品推出两天后，万达美女主播又出现在了另外一个场合。

玩够了“未接来电”“模拟朋友圈”“模拟群聊”等H5模式，万达新作瞄上了“模拟微信公众号”模式。“天黑了，你睡了，你手机里的微信公众号却还在醒着……”由此带入，一群微信公众号深夜在村头开会：嗅觉志、思想发散、猫嗅网、深夜发飙、果皮网、中国旧闻周刊，还有万达新媒体联盟……

微信运营越来越难，一群公众号各种山寨吐槽，最后万达新媒体联盟的一句“我有1600万粉丝”亮瞎全场。然后美女主播适时出场，全屏视频引导分享。

且不论H5创意本身，首个企业级新媒体联盟成立，400多个公众号矩阵，1600万粉丝，这阵势和格局确实够业内艳羡上一阵儿的了。

不断尝鲜

把H5玩成连续剧，可能也只有我们这一家了。但是连续剧结束后，我们得玩个大片了，于是就有了下面的这个H5。

猴年春节，朋友圈突然流行发吉祥话，还是能“上天”的吉祥话。段子、东北拜年嗑纷纷退下，万达新媒体出品的一个拜年的3D H5霸屏了。

啥是3D H5 ？普通的H5页面都是2D、静态效果为主，但3D内容创作形式更广泛，它使用最新的WebGL 3D技术（WebGL 3D是一种3D绘图标准），做出的场景具有逼真的三维效果，给人们更多的发挥空间，效果更绚丽，沉浸感更强。既能体现品牌的品质，又能抓住用户眼球。

说了这么多，到底长啥样？

很酷炫吧！当时恰逢新春佳节，这个烟花主题非常应景，玩法也新鲜，所以在朋友圈霸屏。

当你输入任何祝福语（文字、符号等），都可以以3D烟花的形式呈现，色彩斑斓，充满神奇感；当你的问候语发到朋友圈，好友打开后，可以看到你送上的别致祝福—— 3D效果的烟花在夜空中炸开，还有动人的声效。

3DH5二维码

猴年新高度

整个流程设计简单，但内涵丰富，技术难度大。这个H5充分利用了新媒体易传播的特点，使得朋友之间的祝福瞬间升温。

其实吧，万达新媒体在2015年着实出品了不少惊艳之作，这几个只是“三个代表”罢了。我们做H5就主要把握俩原则： 一是对新技术的关注、跟进与尝试，留意行业新动态，谁使什么“大招”，一定了然于胸。二是学习，对经典、热门H5的致敬与借鉴，并且一定要再创新。看到没，核心词就是——创新。

都说创意即传播，设计即传播，技术即传播；万达新媒体正致力于将这三者融合起来，使传播效果最优化。 你看现在VR ^[1] 这么火，偷偷告诉你，万达君也要去试试了。

[1] VR，即虚拟现实，利用计算机图形系统和各种现实及控制等接口设备，在计算机上生成的、可交互的三维环境中提供沉浸感觉的技术。——编者注