虽然TG之前有N多案例都刷过屏了

但是

这次真的刷出了新的记录！

8月28号凌晨将近

小编我转发了TGIDEAS团队刚出锅的火热H5

便准备洗洗睡了

可是刚洗完这还没睡呢

我~的~朋~友~圈~就~

爆点如下： 

1、被刷屏了！小编我滚了几分钟（夸张）的屏，都是这条H5，你敢信？

2、各路英豪纷纷发微信来问“这是你们做的吗？”、“这个创意好牛，谁想的？”、“我靠这个咋实现的？”

3、群里沸腾了，小编深藏功与名，潜水的无数个群都在互发这个H5，都在发了又发！！！发了又发！！！发了又发！！！！！！

所以，小编我一早起来牙还没刷呢，

便被TG创意的老大喊去了。

对话是这样的。

“咱们这个H5火了，连那谁都点赞了，你怎么看？”

“现在好多人再问我咱们这个H5是怎么做的

还有来要吴亦凡联系方式的。”

“你去写个帖子把咱们创作心得分享一下

顺便澄清一下创意是由团队内部出的

别光知道干活不知道邀功。”

“记得不要告诉他们这个创意是我想的

更不要告诉他们我是用十分钟想出来的，切记！”

“滚蛋，赶紧去办了。”

“。。。好的”

。。。

于是我赶紧开始回忆这个H5诞生的过程

拉上品牌、创意、设计、动画、开发的大牛们

整理一个正儿八经的心得给你们看看。

小编我从业数载也是见过世面的

合作过的艺人从那谁到那谁简直是阅星无数

但是这次与吴亦凡的合作太让我吃鲸了

这可能是我见过的最nice的苏坡斯达！

（广告同行你们懂得这是多么难能可贵的美德啊！）

（紫色武器翻了好几页都没翻完啊，而且全是满级啊！说起全民突击那简直是跟他开发的一样，各种要挑战我们，点名让给我们里面最厉害的和他单挑啊！我们真的没打过啊！）

而且他真的很帅啊！！！！

小编去棚里拍他的时候

第一次见到真人

我的妈呀，差点弯了有没有！

当时我就在想，全民突击选吴亦凡简直对的不能再对了。

一个如此hardcode这款游戏的铁粉，颜值如此爆表，粉丝如此的多，给我一个不选他的理由吧！

当然，你会说光这三点也不够吧？

1、手游产品成了红海，用户盘子趋于饱和，如何开拓新的用户，用明星做为桥梁，打通更多的娱乐文化消费群体，是我们希望做到的。

2、女粉居多的吴亦凡，来到全民突击后会为这个纯爷们儿游戏（男性用户占大多数）带来什么化学反应？那必然是男女搭配，打枪的不累啊，社交关系在游戏产品中的重要性不容多说吧。

还记得刚才我说的十分钟这件事儿

我负责任的告诉你

这是真的！

但是

。。。

你肯定不知道

我们在这十分钟憋出创意之前

都经历了什么样的磨难！

这个H5的创意讨论最早是在2个月前

为了这个H5

我们一帮人和代理公司一起最少开过4次会了

我自己想的创意都有一箩筐了

不断的憋

不断的被推翻

不断的吃薯片

不断的憋

不断的被推翻

不断的吃薯片

我去！

我都胖了你们懂吗！

最后，终于！一个神奇的点子被总监大人憋出来了。

▼

“我们利用吴亦凡娱乐明星的身份，从他粉丝会关注的娱乐话题入手。

比如说他要去当兵，做一个新闻页最好是看起来就像一条娱乐新闻。

再在这个新闻视觉包装上下点功夫，把我们在PC端经常做的富媒体广告的形式在移动端在玩一次。

人在画里忽然动起来，然后还能跳出来和你对话。

我看好像还没人玩过，来我给你们画个草图。”

“这个可以诶，但是打电话怎么办？”

“什么打电话？”

“品牌经理强烈希望能让吴亦凡和粉丝通话，感觉拉近距离，就像最近很多产品都做的那样？”

“那。。。。。。。。。。就加在最后呗。”

“对，吴亦凡说这个事儿一两句话不说清楚，我打给你！”

“偶了，就这么弄，去评估一下在移动端实现富媒体的这个形式有没有问题，能弄就搞起！”

……

以上就是创意诞生的过程

1、娱乐明星的社会化影响力非常大，关注的人很多，制造一个新闻点，让关注他的人会好奇，解释这个新闻点的方式出其不意，并且让新闻点转化到产品后不觉得生硬，这才是这次创意的精髓。

2、借助现在移动互联网时代，手机和人的关系更加私密，获取信息更加便捷，广告可以做点不一样的东西。

3、H5不应该被定义，它不仅代表技术，更应该是渠道和载体。

技术我不是很懂

我专门咨询了一下大神尼克

简单的说就是

。。。

安卓上面很多bug

。。。

很多坑

。。。

而且两个视频需要在不用触发的情况下来衔接

应该是首次尝试

为安卓能够兼容这个H5操碎了心

。。

1、页面需要兼容的平台和渠道很多，比如手Q、微信，腾讯新闻、新浪微博等，每个渠道又有iOS和安卓的各种版本，在测试量和兼容性处理方面工作量巨大。

2、我们的这个交互是三个视频中间夹杂着网页进行无缝切换，而移动端对视频的自动播放、全屏以及切换都有很多的限制，这方面我们的技术同学充分发挥想象力，采取了很多巧妙的手段来解决。

3、通常视频播放的时候会有各种五花八门的播放器初始化界面，为了达到视频突然出现的效果，采取了视频、图片相互模拟等许多手段。所以有时候你看到视频其实是图片，你看到图片其实是视频……

4、我们整个营销的核心是仿真的新闻，如果打开一条新闻出现视频loading的界面，也是会影响效果的，所以在资源加载方面，也采取了一些技术手段来避免出现视频加载界面。

5、为了改善视频切换时的衔接效果，还采用了类似滋滋的声音和由模糊到清晰的音效来配合视频，达到移花接木的效果。

说起设计

那小编太自豪了

TG设计天下第一啊

这还用我再吹一次牛逼么

我只说几组数据：

TG团队的设计狮们颜值是全宇宙最高的！

明明每一个都可以靠脸吃饭

却一定要靠技术

简直漂亮的不像实力派！

（小编是罗粉，暴露了）

TG设计师速度是最快的

2个小时做个美美的专题

。。。

中间还要喝杯咖啡！

。。。

TG设计师是最多彩多能的

必须demo里面那个主角

演技堪比影帝的那位

就是这个H5的设计师本人

而且我不会告诉你

朋友圈广告里第一支游戏广告

也是全民突击的

也是他设计的！

干货在哪里？

直接设计草图

注意

这是我们自创的H5的设计加交互草图表现方式

以及纯动画演示的demo

用于给艺人演示

以及给老板们汇报的

好了，设计说完了，说说动画

TG的动画组历史悠久到我们自己都害怕了！

有一位老人在鹅厂

他的工号是百位的

（前段时间看到新入职的童鞋大概是60000多）

在他的带领下我们的动画同学那是相当的全面啊！

啥也不说了

。。。

因为是真人+虚拟背景的结合，所以在前期素材的拍摄上要求演员动作跟背景能很好地匹配互动。为了更好地达到预期效果，项目前期我和设计师们一起拍摄了几段素材，在肢体动作上（手举起的高度、动作幅度和速度等）进行诸多测试，避免出现破绽，如演员转身撕下背后的网页然后揉成一个纸团，中间过程必须让纸团先隐藏在身后，然后顺势把纸团掏出来。之后还做了一段动画demo，预估最终成品的效果和品质。

给吴亦凡看的视频demo截图：

创意同期输出PC版，确保多端体验：

以上

就是我正儿八经的总结

用总监大人的话说

这次的爆火主要是感谢

（游戏里队长公布加入伍新闻这个点子）

（腾讯新闻客户端给力支持）

（艺人的高知名度和配合度）

“这次创意本身算是个小聪明，没想到大家这么热捧。

我们还有跟多不错的案例，希望大家有兴趣聆听。”

 

最后，严重感谢一下吴亦凡童鞋！

感谢代理公司蓝标的小伙伴帮我们润色文案

并且超级给力的完成了制片工作！

感谢每一位转发的小伙伴。

感谢每一位关注该H5的广告圈同行

有你们在

我们才能不断的进步！