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

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

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

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

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

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

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

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

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

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

借助 Spline 解锁交互

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

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

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

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

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

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

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

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

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

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

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

与 Webflow 集成

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

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

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

为什么交互很重要

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

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

开始使用 Spline

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

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

联系销售