那封刷爆朋友圈的邀请函，究竟藏着哪些小心机？

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”

获取营销技巧大全

▼

往期文章回顾

/ 直播 /

/ 运营 /

/ 营销 /

● ● ●

如 未 经 允 许 请 勿 转 载

于 后 台 获 取 转 载 授 权

👇点击阅读原文，马上联系网红工作室。