818全球超级车展视觉/动效复盘

273 阅读3分钟

以下是2019年和2020年818车展几个关键位置的视觉效果对比:

从视觉效果的对比可以明显看出,今年818视觉处理更加3d化,视觉风格更倾向游戏化的视觉体验。在光感、质感和空间感的表达上更细致强烈,整体视觉层面的提升上表现明显。

同时,视觉的体验提升也促进了各个模块的数据提升(内部数据不便展示,仅通过百分比表现)

loading阶段的用户折损下降15.3%,相比云车展提升程度可观,在视觉优化的同时,对产品结构也做了易用性及通用性调整,更加直观的加载进度、更吸引人的动效、更小的素材资源,以及运营权益的中台化配置信息,很大的提升了loading阶段的信息丰富度,从内容展示和信息维度全面提升用户体验。

npc引导是设计提出的产品创新点,通过动态模特引导和轻量的信息化展现串联用户的逛展路径,互动形式相比之前的强制引导更加人性化,用户可以自由选择,产品友好度提升明显。在818车展期间npc引导一共带来278w+的互动次数,是未来持续提升互动频次的突破口。

互动类活动的ctr一直表现不错,今年的818持续加强活动的视觉表达,加入了更细腻的动效展示,活动权益突出、视觉冲击力强,带来了最高接近60%的ctr提升!

挽留机制在当下各平台的运营活动中应用广泛,大家的目的很明确,都是不希望用户离开当前场景,这就需要在挽留阶段体验更加友好,不能让用户反感,同时要有吸引用户的点来留住用户。818车展是一个虚拟网上车展,科技感和未来感是产品的设计基调,所以我们在挽留阶段以一个小机器人对话的形式来展现,挽留方式新颖有趣,同时加入了nps调研功能,第一时间获取用户对车展的体验感受,更好的帮助我们提升车展用户体验。

在818车展项目的设计升级中,动效体验的提升是最有突破性的一点。在818之前,团队对动效的实现基本依赖css3、序列帧、GIF等形式表现,不仅效果还原差,而且有很大的开发成本。设计团队经过行业调研,在818车展中推行了svga格式动画实现。

在svga应用过程中,设计环节踩了许多坑,我们将常见的几种问题及优化方法分享给大家。

818全球超级车展前,设计团队经历了无数次改版迭代及方案尝试,历时4个月对车展进行了视觉、动效、交互体验全面升级,设计升级的成果提升了团队的业务水平和创作的信心,同时,给后半年的车展打好基础。。。持续不断的提升产品体验是设计团队不变的信念,我们一直在路上!

附上团队设计成果MV,感谢大家关注~

v.youku.com/v_show/id_X…