Como o Koji Studio usou o Spline para criar uma vitrine 3D de produto

Quando a Ori, uma empresa de tecnologia médica, decidiu lançar um site para seu novo scanner odontológico 3D, o desafio era claro: como comunicar a precisão e a inovação de um aparelho físico de um jeito que parecesse igualmente inovador online?

A empresa queria levar ao mercado seu novo aparelho, o Ori Intraoral Scanner. Um scanner odontológico 3D criado para ajudar dentistas a capturar modelos digitais altamente precisos dos dentes dos pacientes, em tempo real.

Querendo ir além de imagens e vídeos estáticos para mostrar aos clientes o avanço técnico do produto, eles procuraram a KOJI Agency como equipe criativa do lançamento.

A equipe da KOJI então decidiu aproveitar a integração do Spline com o Webflow para criar uma experiência digital 3D interativa que deixasse o scanner tão tangível na web quanto na mão de um dentista.

Uma equipe de design full-stack aberta a novas ferramentas

A equipe da KOJI Agency por trás da presença do Ori Scan na web reuniu Pavel, Slava, Nikita e Liza, designers experientes com muitos projetos de clientes no currículo.

Com mais de 20 anos em branding, identidade e experiências digitais, eles já criaram de tudo, de sistemas modulares de publicidade a sites narrativos imersivos.

A força deles está em ser "designers full-stack" — unindo visão de produto, design visual, interação e código.

Estamos sempre pesquisando, sempre tentando encontrar novas ferramentas. Foi assim que chegamos ao Spline.

Usando o Spline para liberar a interatividade

A liderança do Ori Scan não queria só mais um site de produto médico. Queria uma experiência que se destacasse para seu público de dentistas e profissionais de saúde.

A equipe da KOJI viu no 3D interativo o melhor meio para destacar a inovação do scanner, e a escolha do Spline foi igualmente intencional.

A equipe sabia que precisava de flexibilidade para iterar rápido, otimizar o desempenho e apresentar o design do scanner de forma interativa em qualquer dispositivo.

O Spline estava em todo lugar na comunidade de design. Este projeto foi a oportunidade perfeita para finalmente usá-lo, e a integração fluida com o Webflow facilitou ainda mais a decisão.

O processo de design: do CAD e da otimização de polígonos a uma experiência web refinada

O processo começou com os arquivos CAD técnicos do Ori Scan, que a agência refinou e otimizou antes de levá-los para o Spline.

O fluxo foi iterativo — equilibrando número de polígonos, materiais e iluminação para garantir um resultado visualmente atraente e um desempenho fluido na web.

O Spline uniu os lados técnico e criativo do processo. Suas ferramentas de desempenho deram à equipe informações claras sobre a otimização dos modelos, garantindo uma integração fluida em todos os dispositivos. O sistema de eventos facilitou configurar movimentos interativos, enquanto as ferramentas versáteis de materiais e iluminação ajudaram a refinar o visual do produto para que ele parecesse caprichado e realista na web.

Um dos detalhes de destaque? O modelo 3D dos dentes. Para mostrar o scanner em ação, a equipe modelou no Spline dentes com aparência natural, um toque essencial que deixou a demonstração autêntica.

Essa atenção aos detalhes levou a demonstração além de uma vitrine técnica. Combinando realismo e interatividade, a equipe criou uma história de produto autêntica, envolvente e diretamente ligada à forma como os dentistas realmente usariam o scanner.

Foi divertido, mas também essencial. Como a função do scanner é escanear dentes, o modelo 3D tinha que parecer natural.

Integração com o Webflow

A equipe da KOJI contou com o Spline para dar vida ao Ori Scan e com a integração nativa do Spline com o Webflow para levar os assets 3D ao site sem atrito.

Isso permitiu combinar animações com rolagem e 3D interativo, para que os visitantes pudessem girar e explorar o scanner enquanto percorriam a página.

É muito simples e rápido. A curva de aprendizado é baixa; até designers juniores conseguem entrar e integrar 3D no Webflow.

Por que a interatividade importa

Para o Ori Scan, uma vitrine 3D interativa do produto não era só questão de estética. Era questão de clareza e impacto. Ao deixar os clientes percorrerem o produto, girá-lo e explorar seus recursos em contexto, eles criaram uma experiência muito além do que fotos ou vídeos estáticos conseguiriam.

A interatividade muda tudo. Ela faz o produto parecer real. E, mais importante, ajuda o cliente a contar sua história de um jeito que parece inovador.

Comece a usar o Spline

A equipe da KOJI continua experimentando com o Spline. Para eles, este projeto marcou o início de um novo capítulo, em que o 3D e o design interativo não são só um "algo a mais", mas essenciais para contar histórias de produto.

É um exemplo visualmente impressionante de como a interatividade pode transformar o design de produtos digitais numa experiência que parece real.

Fale com vendas