火爆的“吴亦凡入伍”HTML5背后有哪些设计故事？

　　早上一睁眼，朋友圈被吴亦凡入伍的H5刷屏，创意受到了广泛的关注，很多人开始找到我了解创作背景，有恭喜的，有质疑的，也有各种分析的。既然火到这个程度，我就借着热度还没有过去，说说团队创作这个H5创意的完整过程。

　　创意永远是命题作文，项目初期团队了解到：

　　吴亦凡签约全民突击将会是一个立体完整的Campaign，品牌团队希望TGideas在H5这个模块，通过出彩的创意引爆话题

　　没有任何素材，吴亦凡只能在拍戏间歇给出1个小时的时间来录制一些内容

　　因为这段时间吴亦凡在拍古装戏，他的头发没了……

　　种种条件限制下，只能用巧劲解决问题，在悬念设计上需要有一个能抓住人的点，吴亦凡简短了头发风格变得犀利，全民突击又是一款军事题材的游戏，那参军入伍这件事情结合上述条件貌似巧妙的合情合理，在大众，特别是粉丝眼里，自己喜爱的明星参军这是一件大事，一定会引起关注和讨论。确认这个概念之后，剩下就是形式的问题，一篇娱乐新闻一定会引起广泛的关注，所以我们提出用新闻页的形式，来做创意落地。

　　这个案例有趣的地方是：大部分人真的会用读一条新闻的心态来关注这个新闻，但突然动起来，并跑出画面的吴亦凡，一定会超出用户对内容的固有预期，于是创意中最重要的一个引爆点就此形成。相信很多人转出来，都希望他的朋友也能够“吓一跳”(后来看到很多分析贴说鬼节当天出这个创意太犀利，其实我想说素材本来是打算在今天12点再发的，无奈有人提前在朋友圈做了曝光…)

　　至于视频通话的创意概念，其实并不是什么新鲜的玩法，在这之前这种形式的案例也非常多，这个模块的关键点在于：与明星面对面的沟通，这是一个很核心的粉丝向内容，喜欢吴亦凡的人一定会看着心爱的明星和自己近距离对话，所以这里就是用用户熟悉的形式，道出了广告内容的真像而已。

　　刨去创意模块，其实在我看来更关键的还是执行，做到比想到更重要。

　　TGideas内部临时组成了项目小队，由视觉，前端，开发，创意，多媒体的小伙伴快速开始就执行难点进行评估。

　　技术方面，视频如何流畅播放?HTML5在IOS，Android，微信，手Q，微博，腾讯新闻客户端打开时浏览器的兼容问题如何解决?大量技术问题，到现在我们的前端攻城狮们仍在优化解决。设计方面，新闻页打开后什么时候让视频自动播放?整个体验过程如何能制造惊喜?如果用户再PC端看到这个消息，点开后的PC页面展示形式如何，能否依然有互动乐趣?我们的设计狮也还在迭代优化中。素材的筹备方面，为了让吴亦凡在1个小时内快速的完成素材的录制，TGideas的设计师亲自上阵，输出了完整交互原型之后，还输出了完整的互动demo，方便吴亦凡能够快速理解创意点，并在拍摄过程中全程跟进监制。整个过程中也有外部伙伴积极配合艺人拍摄的协调和执行，以及文案的最终润色。

　　(图1，原型稿的设计)

　　(图2，TGideas设计师为了方便吴亦凡理解，自己表演输出了demo)

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。