# Koji Studio 如何用 Spline 打造 3D 产品展示 - Spline customers (https://spline.design/zh/customers/koji-studio)

> Koji Studio 借助 Spline 把静态产品视觉变成基于滚动的 3D 产品展示，带来更引人入胜、更令人难忘的体验，凸显客户的创新与匠心。

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

2025年8月21日 · 客户故事 · KOJI

# Koji Studio 如何用 Spline 打造 3D 产品展示

Koji Studio 借助 Spline 把静态产品视觉变成基于滚动的 3D 产品展示，带来更引人入胜、更令人难忘的体验，凸显客户的创新与匠心。

医疗科技公司 Ori 准备为其新款 3D 牙科扫描仪上线网站时，挑战很明确：如何在网上以同样创新的方式，传达一台实体设备的精准与创新？

这家公司正要把新的 Ori 口内扫描仪推向市场。这是一款 3D 牙科扫描设备，帮助牙医实时获取高精度的患者牙齿数字模型。

为了突破静态图片和视频，向客户展示这款产品的技术先进性，他们找到了 KOJI Agency 作为产品发布的创意团队。

KOJI 团队随后决定借助 Spline 与 Webflow 的集成，打造一个交互式 3D 数字体验，让扫描仪在网页上和在牙医手中一样真实可感。

Ori Scan 基于滚动的交互式 3D 网站

## 一支拥抱新工具的全栈设计团队

负责 Ori Scan 线上形象的 KOJI Agency 团队包括 Pavel、Slava、Nikita 和 Liza，每一位都是经验丰富的设计师，完成过大量客户项目。

他们在品牌、视觉识别和数字体验领域拥有 20 多年经验，做过从模块化广告系统到沉浸式叙事网站的各类项目。

他们的优势在于身为“全栈设计师”：融合产品思维、视觉设计、交互和代码。

> 我们一直在研究，一直在寻找新工具。我们就是这样找到 Spline 的。

**Slava Sheykin**, KOJI 全栈设计师

## 借助 Spline 解锁交互

Ori Scan 的管理层不想要又一个普通的医疗产品网站，而是想要一种能在牙医和医疗专业人士中脱颖而出的体验。

KOJI 团队认为交互式 3D 是凸显扫描仪创新的最佳媒介，选择 Spline 也同样是深思熟虑的结果。

网站访客在浏览页面时旋转并探索扫描仪

团队知道，他们需要足够的灵活性来快速迭代、优化性能，并在各种设备上以交互方式呈现扫描仪的产品设计。

> Spline 在设计社区里随处可见。这个项目正是终于用上它的绝佳机会，而与 Webflow 的无缝集成让这个决定更加容易。

**Pavel Dergachev**, KOJI 创始人兼创意总监

## 设计流程：从 CAD 和多边形优化到精致的网页体验

流程从 Ori Scan 的技术 CAD 文件开始，团队先对其进行精修和优化，再导入 Spline。

工作流是迭代式的：在多边形数量、材质和灯光之间反复权衡，确保视觉效果出众，同时在网页上运行流畅。

Spline 把流程中技术和创意的两面结合在一起。它的性能工具让团队清楚地了解模型优化情况，确保在各种设备上顺畅集成。事件系统让设置交互动效变得简单，而丰富的材质和灯光工具则帮助打磨产品外观，让它在网页上显得精致逼真。

3D 模型与最终的移动端实现

其中最出彩的细节之一？牙齿的 3D 模型。为了展示扫描仪的实际使用，团队在 Spline 中建模了自然逼真的牙齿，这个关键细节让演示显得真实可信。

这种对细节的关注让演示超越了单纯的技术展示。通过把真实感与交互结合，团队讲出了一个真实、引人入胜的产品故事，并与牙医实际使用扫描仪的方式直接相连。

> 这很有趣，但也至关重要。既然扫描仪的用途是扫描牙齿，3D 模型就必须看起来、感觉起来都很自然。

**Liza Grin**, KOJI 数字制片人

从上到下：最终实现、原始 3D 模型和初稿

## 与 Webflow 集成

KOJI 团队依靠 Spline 让 Ori Scan 产品栩栩如生，并借助 Spline 原生的 Webflow 集成，把 3D 素材无缝接入网站。

这样就能把基于滚动的动画与交互式 3D 结合起来，让访客在浏览页面时旋转并探索扫描仪。

> 它非常简单、快速。学习曲线很平缓，即使是初级设计师也能上手，把 3D 集成到 Webflow 中。

Spline 原生的 Webflow 集成

## 为什么交互很重要

对 Ori Scan 来说，交互式 3D 产品展示不只关乎美观，更关乎清晰度和影响力。让客户滚动浏览产品、旋转它，并在语境中探索其功能，他们打造的体验远远超出了静态摄影或视频所能达到的效果。

> 交互改变了一切。它让产品变得真实。更重要的是，它帮助客户以一种充满创新感的方式讲述自己的故事。

## 开始使用 Spline

KOJI 团队仍在继续用 Spline 进行探索。对他们来说，这个项目开启了新的篇章：3D 和交互式设计不再只是“锦上添花”，而是讲述产品故事不可或缺的部分。

这是一个视觉上令人惊艳的例子，展示了交互如何把数字产品设计变成一种真实可感的体验。

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

## 更多客户故事

[2026年4月13日 · 客户故事Lynksen 如何用 Spline 让一个复杂的 B2B 平台网站生动起来](https://spline.design/zh/customers/lynksen)[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)

[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.