Lynksen 如何用 Spline 让一个复杂的 B2B 平台网站生动起来
Elecctro 需要一个既能讲清整个业务、又不会让潜在客户应接不暇的网站,Lynksen 于是借助 3D 打造了一个斩获五项大奖的网站。
Elecctro 为无人值守服务构建软件系统,例如自动售货机、电动汽车充电桩和自动洗车。他们的产品涵盖硬件到软件,所处的细分市场一直以来都靠密密麻麻的规格表和技术图纸与 B2B 买家沟通。他们的使命是通过智能互联的解决方案,让无人值守服务走向现代化。
Elecctro 需要一个网站,而且不是随便什么网站。它要能抓住买家的注意力足够久,真正讲清他们在做什么;要在视觉上与几十家同类公司区分开来;还要快速推动访客做出决定。
“他们需要传达大量信息,”受邀重建网站体验的数字设计机构 Lynksen 的项目经理 Tania 说,“但他们也希望在一个技术密集的细分领域中脱颖而出。”
答案不是更多内容,而是一种完全不同的交互式界面。
一个用来探索、而不只是阅读的首页
Lynksen 的核心想法看似简单:让用户去探索这个系统,而不是只用文字来解释它。
首页变成了一个交互式 3D 场景,以空间方式总览 Elecctro 的整个产品家族,用户可以悬停、点击,按自己的节奏浏览。场景中的每个素材都连接到对应的产品页面。从“这是什么产品?”到“我准备好聊聊了”,路径被压缩到只需几次点击。
用户打开首页,就能看到全部内容,点一下,就已经在向 Elecctro 提交所需信息的路上了。
Tania Forys, Lynksen 项目经理这是一个意义重大的转变。大多数 B2B 网站把首页当作目录,而 Lynksen 为 Elecctro 打造的首页是一个可以穿行其中的环境,而不是从上往下读的页面。
为什么选择 Spline?
愿景很清晰,但如何把它变为现实?
传统 3D 工具不在考虑范围内,光是学习曲线就会耗尽整个项目。更重要的是,Elecctro 的团队需要在上线后自行维护网站。这意味着不能有黑盒流程,不能依赖专门的美术人员,也不能用那些仅仅为了改一个素材就需要数月上手的工具。
Lynksen 评估了 Spline,看到了另一条路:
- 在同一个环境中构建和迭代。
- 直接在工具中制作交互原型。
- 无需复杂的交接链,就能交付可用于生产的素材。
我们几乎从零经验起步,一次就交付了一个完整的项目。
Tania Forys, Lynksen 项目经理让这一切成为可能的不只是工具,还有社区。在写下第一行代码之前,Lynksen 团队花时间浏览 Spline 的社区库:研究 Remix 作品,了解其他设计师如何处理交互,并找出可以用于这个客户项目的技巧。
有 Spline 社区这样一个地方,里面有各种项目,还能 Remix 来看看别人是怎么处理不同交互的,这在学习方面对我们帮助很大。
Ross Burylo, Lynksen 联合创始人对 Elecctro 来说,还有一个因素:长期可用。
他们想要一个上线后团队能够真正自己掌控的方案。
你不需要太懂技术,就能添加对象、做出不同的交互,并在我们交接后维护项目。这对我们来说是一个非常关键的优势。
Ross Burylo, Lynksen 联合创始人构建体验
Lynksen 的流程是从完全没有动效开始的。
静态线框图,扁平的界面布局,在引入任何动画之前就先确立清晰的信息层级。只有当结构足够扎实后,团队才开始逐层添加。
“我们总是从静态开始,然后一层一层地加动画,”Tania 说,“我们在线框图和草图中定义关键状态,在实现阶段再微调相机运动、尝试各种动画,确保一切如预期般融为一体。”
这种克制让项目没有被自身的雄心压垮。团队坚持一条简单的设计原则:动效为叙事服务。
在实践中,这意味着:
- 3D 素材上细腻的悬停状态和微交互
- 基于滚动的渐显效果,引导注意力而不强求注意力
- 帮助用户定位、而非让人眼花缭乱的相机过渡
- 把富有表现力的创意留给次要时刻(页脚、404 页面),让小惊喜成为乐趣而非干扰
404 页面成了团队最喜欢的部分之一。它完全在 Spline 中构建,用户可以四处点击,发现隐藏的 3D 素材。这是一个大多数访客永远不会发现的小彩蛋,但 Lynksen 团队显然很享受做它的过程。
“藏一个小彩蛋很酷,”Ross 说,“如果有人发现了,我们作为设计师会超级开心。”
网站导航菜单中所用 3D 图标的细节。
成果
重新设计的网站上线后,数据立刻有了变化。
活跃用户增长了 524%,项目还获得了 5 个奖项。
Ross Burylo, Lynksen 联合创始人网站新增了 20,000 次浏览,设计社区也注意到了它。
这些成果反映了团队刻意打造的东西:不只是一个好看的网站,而是一个真正有效的网站。它既能满足需要清晰信息的买家,也能让客户团队在没有全职开发者待命的情况下自行维护。
给考虑尝试 3D 的团队
对于第一次考虑在网页上使用 3D 的团队,Tania 的建议很简单:不要从传统工具开始。
用 Spline,学习曲线是可控的。有设计功底的人几天内就能上手。我们团队在使用的第一周内就做出了一个扎实的 MVP。
Tania Forys, Lynksen 项目经理Ross 则把它看作团队处理 3D 方式的更大转变:不必再拼凑多个复杂的工具和工作流,团队可以在单一环境中设计、迭代和交付,让交互式 3D 从一开始就显得容易上手得多。
如果你想在一个环境里工作,不需要高深的技术知识,还能把所见即所得地交付出去,那就选 Spline。
Ross Burylo, Lynksen 联合创始人对于向客户推销交互式网页体验的设计机构来说,这个项目是一个有力的证明:有了合适的工具,你可以在一个项目里从零经验做到一个获奖网站。
开始使用 Spline
和 Lynksen 一样,设计机构可以借助 Spline,帮助客户通过交互式体验来传达复杂的产品,让它们更易理解、更易维护,也更令人难忘。
对 Elecctro 来说,这意味着把一个技术性的 B2B 平台变成一个交互式网站:讲清产品、加速决策,并帮助品牌在拥挤的市场中脱颖而出。
无论你是为客户构建项目的设计机构,还是企业内部团队,Spline 都能帮助你更快地从想法走向生产,无需复杂的 3D 流程或专门的技术技能。