H5已成为各营销案例中的标配。
在创意同质化的H5泛滥成灾之时，最近淘宝以一个《穿越宇宙的邀请函》H5刷爆朋友圈。
当大家都折服于这个H5的创意及呈现效果，殊不知，它与3个月前火爆一时的《淘宝造物节邀请函》是来自同一家供应商。
这系列H5用独树一帜的画面风格和交互构成，不同于一般H5的呈现效果，传递了超强的感官冲击。
而这次的《穿越宇宙的邀请函》更像一个视觉炸弹，让大家大开眼界的同时，也带来了更强的影响力和传播力。以此为例，刷爆朋友圈的H5究竟需要具备哪些条件呢？
| 创意亮眼
H5已由传统的PPT式动态，向FLASH动态升级，到目前朝着虚拟3D动态方向发展。除了创意切入点、内容这些因素决定H5传播的基础性因素之外，呈现形式也成为决定一个H5生死的关键因素。
《穿越宇宙的邀请函》用酷炫的裸眼VR形式与其他H5瞬间拉开差距。通过“一镜到底”的长镜头产生空间推移的效果，用户一不小心就跌进了万花筒般的空间旋涡，或许这就是身临其境的场景感吧。而30秒以内的视听冲击来得刚刚好，太长就眩晕疲惫了。
其实在视觉设计中，以中心点为轴心，通过将四周素材进行有层次地叠加延伸就能制造出类似于裸眼VR的效果。
细心的人或许会发现，《邀请函》H5画面中很多素材是对称的，对称的处理既丰富了场景空间，又增添了视觉上的舒适感。而类似的镜像表现方法其实可以运用在我们日常的H5构思中，或许能带来别出心裁的创意效果。
当下越来越强调场景体验，而用户都被“惯”成了缺乏耐心和时间的“视觉动物”和“体验动物”。“第一眼印象”越来越重要，在感官体验上突破，才更有可能抓住用户眼球。
| 内容清晰
H5传播最终离不开信息的准确传达。这封效果辣眼的邀请函，实际上是传递了双11在各时间段的主题和内容，这就是双11的购物攻略。
攻略传达上可以进行内容和形式的创新。但在展示性的H5中，详细的攻略消费者或许并不会有耐心观看。而用视觉冲击进行包装，攻略内容的传递也会显得不那么枯燥。
再酷炫的裸眼VR视觉冲击都是为了一个目的：传递营销信息。无论呈现效果和创意如何，H5准确传递营销信息，告知强化功能绝对不能少。
| 体验流畅
H5中最忌讳的就是加载速度慢或加载不出来的不良用户体验，用户没耐心等加载，直接“X”掉也是常事。
《邀请函》H5中空间变换和推拉的效果，其实是由大量素材叠加出来的虚拟场景，由于素材量大，所以选用的是threejs+webGL的技术形式来绘制3D场景。
有个常识相信做过H5的同学都知道：图片质量决定加载速度。而《邀请函》H5中这么多图片素材究竟是怎么解决加载问题的？据说，这是在图片格式上做了点小动作。整个H5中的图片都是用base64格式，而非JPG或者PNG，这可以减少服务器的请求数，增加加载速度。这个不起眼的小技巧在之后的H5制作中绝对能用上。
让用户在观看H5时加载无压力，是衡量H5好坏的最基础标准。相比画面酷炫但观看体验差的H5来说，在素材优化上下工夫，提升用户观看与交互感受就显得非常重要了。
H5类型越来越多，想脱颖而出总是离不开在创意和内容上下功夫，但同时也别忘了从用户角度出发优化H5整体体验，这才是决定一个H5能否刷屏的关键。
— END —
▼
领福利
公众号后台回复
“0”
获取全网最全直播报告
“1”
获取营销经典策划案例合辑
“2”
获取营销技巧大全
▼
往期文章回顾
/ 直播 /
/ 运营 /
● ● ●
如 未 经 允 许 请 勿 转 载
于 后 台 获 取 转 载 授 权
👇点击阅读原文，马上联系网红工作室。
阅读原文：http://mp.weixin.qq.com/s?__biz=MzIyOTE3NDY1OQ==&mid=2669162345&idx=1&sn=654a475b31f8786194dadb37ba7d3823&chksm=f2aa3385c5ddba932e1f870afd1aa7f0b95e6b7eb6c02fdc5c292f5ce30dc926925b94b71b2f#rd
