# Como o Koji Studio usou o Spline para criar uma vitrine 3D de produto - Spline customers (https://spline.design/pt-br/customers/koji-studio) > O Koji Studio usou o Spline para transformar visuais estáticos de produto numa vitrine 3D com rolagem, criando uma experiência mais envolvente e marcante que destaca a inovação e o capricho do cliente. [Clientes](https://spline.design/pt-br/customers) 21 de agosto de 2025 · História de cliente · KOJI # Como o Koji Studio usou o Spline para criar uma vitrine 3D de produto O Koji Studio usou o Spline para transformar visuais estáticos de produto numa vitrine 3D com rolagem, criando uma experiência mais envolvente e marcante que destaca a inovação e o capricho do cliente. 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. O site 3D interativo com rolagem do Ori Scan ## 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. **Slava Sheykin**, Designer full-stack, KOJI ## 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. Os visitantes do site giram e exploram o scanner enquanto percorrem a página 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. **Pavel Dergachev**, Fundador e diretor criativo, KOJI ## 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. Modelos 3D e a implementação final no mobile 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. **Liza Grin**, Produtora digital, KOJI De cima para baixo: implementação final, modelos 3D originais e primeiro rascunho ## 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. A integração nativa do Spline com o 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](https://spline.design/pt-br/enterprise) ## Mais histórias de clientes [13 de abril de 2026 · História de clienteComo a Lynksen deu vida ao site de uma plataforma B2B complexa com o Spline](https://spline.design/pt-br/customers/lynksen)[2 de março de 2026 · História de clienteComo a Onyx Coffee Lab cria 3D interativo para e-commerce](https://spline.design/pt-br/customers/onyx-coffee-lab)[24 de fevereiro de 2026 · História de clienteComo a Hermetica elevou sua marca de fintech com design 3D](https://spline.design/pt-br/customers/hermetica) [Spline](https://spline.design/pt-br) O editor 3D e 2D para equipes e seus agentes. Publique na web, no iOS e no Android. #### Pergunte à IA sobre o Spline #### Produtos - [Design 3D](https://spline.design/pt-br/3d-design) - [Hana](https://spline.design/pt-br/hana) - [Omma](https://omma.build) - [Geração 3D com IA](https://spline.design/pt-br/ai-generate) - [Spline MCP](https://spline.design/pt-br/mcp) - [Spline Arena](https://spline.design/pt-br/arena) - [Preços](https://spline.design/pt-br/pricing) - [Empresas](https://spline.design/pt-br/enterprise) #### Runtimes - [Web](https://spline.design/pt-br/web) - [iOS](https://spline.design/pt-br/ios) - [Android](https://spline.design/pt-br/android) #### Apps - [Download](https://spline.design/pt-br/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Baixar o Spline Mirror](https://spline.design/download-mirror) #### Aprenda - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pt-br/academy) - [API do Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluções](https://spline.design/solutions) #### Comunidade - [Comunidade do Spline](https://community.spline.design) - [Blog](https://spline.design/pt-br/blog) - [Novidades](https://spline.design/pt-br/changelog) - [Educação](https://spline.design/pt-br/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/pt-br/affiliate) #### Empresa - [Clientes](https://spline.design/pt-br/customers) - [Carreiras](https://www.ycombinator.com/companies/spline/jobs) - [Segurança](https://spline.design/pt-br/security) #### Jurídico - [Termos e condições](https://spline.design/terms) - [Privacidade](https://spline.design/privacy) #### Contato - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.