# Lynksen 如何用 Spline 让一个复杂的 B2B 平台网站生动起来 - Spline customers (https://spline.design/zh/customers/lynksen)

> Elecctro 需要一个既能讲清整个业务、又不会让潜在客户应接不暇的网站，Lynksen 于是借助 3D 打造了一个斩获五项大奖的网站。

[客户](https://spline.design/zh/customers)

2026年4月13日 · 客户故事 · Lynksen

# Lynksen 如何用 Spline 让一个复杂的 B2B 平台网站生动起来

Elecctro 需要一个既能讲清整个业务、又不会让潜在客户应接不暇的网站，Lynksen 于是借助 3D 打造了一个斩获五项大奖的网站。

[Elecctro](https://elecctro.com/) 为无人值守服务构建软件系统，例如自动售货机、电动汽车充电桩和自动洗车。他们的产品涵盖硬件到软件，所处的细分市场一直以来都靠密密麻麻的规格表和技术图纸与 B2B 买家沟通。他们的使命是通过智能互联的解决方案，让无人值守服务走向现代化。

Elecctro 需要一个网站，而且不是随便什么网站。它要能抓住买家的注意力足够久，真正讲清他们在做什么；要在视觉上与几十家同类公司区分开来；还要快速推动访客做出决定。

“他们需要传达大量信息，”受邀重建网站体验的数字设计机构 [Lynksen](https://www.lynksen.com/) 的项目经理 Tania 说，“但他们也希望在一个技术密集的细分领域中脱颖而出。”

答案不是更多内容，而是一种完全不同的交互式界面。

Elecctro 的交互式首页体验和产品页面

## 一个用来探索、而不只是阅读的首页

Lynksen 的核心想法看似简单：让用户去探索这个系统，而不是只用文字来解释它。

首页变成了一个交互式 3D 场景，以空间方式总览 Elecctro 的整个产品家族，用户可以悬停、点击，按自己的节奏浏览。场景中的每个素材都连接到对应的产品页面。从“这是什么产品？”到“我准备好聊聊了”，路径被压缩到只需几次点击。

> 用户打开首页，就能看到全部内容，点一下，就已经在向 Elecctro 提交所需信息的路上了。

**Tania Forys**, Lynksen 项目经理

这是一个意义重大的转变。大多数 B2B 网站把首页当作目录，而 Lynksen 为 Elecctro 打造的首页是一个可以穿行其中的环境，而不是从上往下读的页面。

Elecctro 网站上 3D 产品的细节

## 为什么选择 Spline？

愿景很清晰，但如何把它变为现实？

传统 3D 工具不在考虑范围内，光是学习曲线就会耗尽整个项目。更重要的是，Elecctro 的团队需要在上线后自行维护网站。这意味着不能有黑盒流程，不能依赖专门的美术人员，也不能用那些仅仅为了改一个素材就需要数月上手的工具。

Lynksen 评估了 Spline，看到了另一条路：

- 在同一个环境中构建和迭代。
- 直接在工具中制作交互原型。
- 无需复杂的交接链，就能交付可用于生产的素材。

> 我们几乎从零经验起步，一次就交付了一个完整的项目。

让这一切成为可能的不只是工具，还有社区。在写下第一行代码之前，Lynksen 团队花时间浏览 Spline 的社区库：研究 Remix 作品，了解其他设计师如何处理交互，并找出可以用于这个客户项目的技巧。

> 有 Spline 社区这样一个地方，里面有各种项目，还能 Remix 来看看别人是怎么处理不同交互的，这在学习方面对我们帮助很大。

**Ross Burylo**, Lynksen 联合创始人

对 Elecctro 来说，还有一个因素：长期可用。

他们想要一个上线后团队能够真正自己掌控的方案。

> 你不需要太懂技术，就能添加对象、做出不同的交互，并在我们交接后维护项目。这对我们来说是一个非常关键的优势。

在 Spline 编辑器中为 Elecctro 的 404 页面制作的过渡效果

## 构建体验

Lynksen 的流程是从完全没有动效开始的。

静态线框图，扁平的界面布局，在引入任何动画之前就先确立清晰的信息层级。只有当结构足够扎实后，团队才开始逐层添加。

“我们总是从静态开始，然后一层一层地加动画，”Tania 说，“我们在线框图和草图中定义关键状态，在实现阶段再微调相机运动、尝试各种动画，确保一切如预期般融为一体。”

这种克制让项目没有被自身的雄心压垮。团队坚持一条简单的设计原则：动效为叙事服务。

在实践中，这意味着：

- 3D 素材上细腻的悬停状态和微交互
- 基于滚动的渐显效果，引导注意力而不强求注意力
- 帮助用户定位、而非让人眼花缭乱的相机过渡
- 把富有表现力的创意留给次要时刻（页脚、404 页面），让小惊喜成为乐趣而非干扰

404 页面成了团队最喜欢的部分之一。它完全在 Spline 中构建，用户可以四处点击，发现隐藏的 3D 素材。这是一个大多数访客永远不会发现的小彩蛋，但 Lynksen 团队显然很享受做它的过程。

“藏一个小彩蛋很酷，”Ross 说，“如果有人发现了，我们作为设计师会超级开心。”

网站导航菜单中所用 3D 图标的细节。

## 成果

重新设计的网站上线后，数据立刻有了变化。

> 活跃用户增长了 524%，项目还获得了 5 个奖项。

网站新增了 20,000 次浏览，设计社区也注意到了它。

这些成果反映了团队刻意打造的东西：不只是一个好看的网站，而是一个真正有效的网站。它既能满足需要清晰信息的买家，也能让客户团队在没有全职开发者待命的情况下自行维护。

Elecctro 的新网站斩获 5 个奖项

## 给考虑尝试 3D 的团队

对于第一次考虑在网页上使用 3D 的团队，Tania 的建议很简单：不要从传统工具开始。

> 用 Spline，学习曲线是可控的。有设计功底的人几天内就能上手。我们团队在使用的第一周内就做出了一个扎实的 MVP。

Ross 则把它看作团队处理 3D 方式的更大转变：不必再拼凑多个复杂的工具和工作流，团队可以在单一环境中设计、迭代和交付，让交互式 3D 从一开始就显得容易上手得多。

> 如果你想在一个环境里工作，不需要高深的技术知识，还能把所见即所得地交付出去，那就选 Spline。

对于向客户推销交互式网页体验的设计机构来说，这个项目是一个有力的证明：有了合适的工具，你可以在一个项目里从零经验做到一个获奖网站。

零食和咖啡自动售货机的完整产品页面

## 开始使用 Spline

和 Lynksen 一样，设计机构可以借助 Spline，帮助客户通过交互式体验来传达复杂的产品，让它们更易理解、更易维护，也更令人难忘。

对 Elecctro 来说，这意味着把一个技术性的 B2B 平台变成一个交互式网站：讲清产品、加速决策，并帮助品牌在拥挤的市场中脱颖而出。

无论你是为客户构建项目的设计机构，还是企业内部团队，Spline 都能帮助你更快地从想法走向生产，无需复杂的 3D 流程或专门的技术技能。

[联系销售](https://spline.design/zh/enterprise)

## 更多客户故事

[2026年3月2日 · 客户故事Onyx Coffee Lab 如何为电商打造交互式 3D](https://spline.design/zh/customers/onyx-coffee-lab)[2026年2月24日 · 客户故事Hermetica 如何用 3D 设计提升其金融科技品牌](https://spline.design/zh/customers/hermetica)[2025年10月20日 · 客户故事Oscilar 如何用 Spline 为其 AI 风控平台塑造品牌](https://spline.design/zh/customers/oscilar)

[Spline](https://spline.design/zh)

面向团队及其智能体的 3D 和 2D 编辑器。一键发布到网页、iOS 和 Android。

#### 向 AI 询问 Spline

#### 产品

- [3D 设计](https://spline.design/zh/3d-design)
- [Hana](https://spline.design/zh/hana)
- [Omma](https://omma.build)
- [AI 3D 生成](https://spline.design/zh/ai-generate)
- [Spline MCP](https://spline.design/zh/mcp)
- [Spline Arena](https://spline.design/zh/arena)
- [定价](https://spline.design/zh/pricing)
- [企业版](https://spline.design/zh/enterprise)

#### 运行时

- [Web](https://spline.design/zh/web)
- [iOS](https://spline.design/zh/ios)
- [Android](https://spline.design/zh/android)

#### 应用

- [下载](https://spline.design/zh/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [下载 Spline Mirror](https://spline.design/download-mirror)

#### 学习

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/zh/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [解决方案](https://spline.design/solutions)

#### 社区

- [Spline 社区](https://community.spline.design)
- [Blog](https://spline.design/zh/blog)
- [更新日志](https://spline.design/zh/changelog)
- [教育](https://spline.design/zh/education)
- [Contra](https://spline.design/contra)
- [联盟计划](https://spline.design/zh/affiliate)

#### 公司

- [客户](https://spline.design/zh/customers)
- [招贤纳士](https://www.ycombinator.com/companies/spline/jobs)
- [安全](https://spline.design/zh/security)

#### 法律

- [条款与条件](https://spline.design/terms)
- [隐私](https://spline.design/privacy)

#### 联系我们

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.