# Como o Koji Studio usou o Spline para criar uma montra de produto em 3D - Spline customers (https://spline.design/pt-pt/customers/koji-studio) > O Koji Studio usou o Spline para transformar imagens estáticas de produto numa montra 3D baseada no scroll, criando uma experiência mais envolvente e memorável que destaca a inovação e o rigor do seu cliente. [Clientes](https://spline.design/pt-pt/customers) 21 de agosto de 2025 · História de cliente · KOJI # Como o Koji Studio usou o Spline para criar uma montra de produto em 3D O Koji Studio usou o Spline para transformar imagens estáticas de produto numa montra 3D baseada no scroll, criando uma experiência mais envolvente e memorável que destaca a inovação e o rigor do seu cliente. Quando a Ori, uma empresa de tecnologia médica, decidiu lançar um site para o seu novo scanner dentário 3D, o desafio era claro: como comunicar online a precisão e a inovação de um dispositivo físico de uma forma igualmente inovadora? A empresa queria levar ao mercado o seu novo dispositivo, o Ori Intraoral Scanner. Um scanner dentário 3D concebido para ajudar os dentistas a captar modelos digitais muito precisos, em tempo real, dos dentes dos pacientes. Querendo ir além das imagens e vídeos estáticos para demonstrar aos clientes o avanço técnico do produto, procuraram a KOJI Agency como equipa criativa para o lançamento. A equipa da KOJI decidiu então tirar partido da integração do Spline no Webflow para criar uma experiência digital 3D interativa que tornasse o scanner tão tangível na web como nas mãos de um dentista. O site 3D interativo da Ori Scan, baseado no scroll ## Uma equipa de design full-stack que abraça novas ferramentas A equipa da KOJI Agency responsável pela presença da Ori Scan na web incluía o Pavel, o Slava, o Nikita e a Liza, todos designers experientes com muitos projetos de clientes no currículo. Com mais de 20 anos em branding, identidade e experiências digitais, já criaram de tudo, de sistemas publicitários modulares a sites narrativos imersivos. A sua força está em serem "designers full-stack" — juntando pensamento de produto, design visual, interação e código. > Estamos sempre a pesquisar, sempre à procura de novas ferramentas. Foi assim que chegámos ao Spline. **Slava Sheykin**, Designer full-stack na KOJI ## Tirar partido do Spline para desbloquear a interatividade A direção da Ori Scan não queria apenas mais um site de produto médico. Queria uma experiência que se destacasse junto do seu público de dentistas e profissionais de saúde. A equipa 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 rodam e exploram o scanner enquanto percorrem a página A equipa sabia que precisava de flexibilidade para iterar rapidamente, otimizar o desempenho e apresentar os designs do scanner de forma interativa em todos os dispositivos. > O Spline estava em todo o lado na comunidade de design. Este projeto foi a oportunidade perfeita para finalmente o usarmos, e a integração fluida com o Webflow tornou a decisão ainda mais fácil. **Pavel Dergachev**, Fundador e diretor criativo da KOJI ## O processo de design: do CAD e da otimização de polígonos a uma experiência web cuidada O processo começou com os ficheiros CAD técnicos da Ori Scan, que a agência refinou e otimizou antes de os levar para o Spline. O fluxo de trabalho foi iterativo — equilibrando o número de polígonos, os materiais e a iluminação para garantir um resultado visualmente apelativo e um desempenho fluido na web. O Spline juntou os lados técnico e criativo do processo. As suas ferramentas de desempenho deram à equipa uma visão clara da otimização dos modelos, garantindo uma integração fluida em todos os dispositivos. O sistema de eventos facilitou a configuração do movimento interativo, enquanto as versáteis ferramentas de materiais e iluminação ajudaram a refinar o aspeto do produto para que parecesse cuidado e realista na web. Modelos 3D e implementação final em mobile Um dos detalhes que mais se destacam? O modelo 3D dos dentes. Para mostrar o scanner em ação, a equipa modelou no Spline dentes de aspeto natural, um toque essencial que tornou a demonstração autêntica. Esta atenção ao detalhe levou a demonstração além de uma simples montra técnica. Ao combinar realismo com interatividade, a equipa criou uma história de produto autêntica, envolvente e diretamente ligada à forma como os dentistas iriam realmente usar o scanner. > Foi divertido, mas também crucial. Como a função do scanner é digitalizar dentes, o modelo 3D tinha de ter um aspeto natural. **Liza Grin**, Produtora digital na KOJI De cima para baixo: implementação final, modelos 3D originais e primeiro esboço ## Integração com o Webflow A equipa da KOJI apoiou-se no Spline para dar vida ao produto Ori Scan e na integração nativa do Spline com o Webflow para implementar os recursos 3D no site sem atritos. Isto permitiu juntar animações baseadas no scroll com 3D interativo, deixando os visitantes rodar e explorar o scanner enquanto percorriam a página. > É muito simples e rápido. A curva de aprendizagem é baixa: até designers júnior conseguem integrar 3D no Webflow. A integração nativa do Spline com o Webflow ## Porque é que a interatividade importa Para a Ori Scan, uma montra de produto 3D interativa não era apenas uma questão de estética. Era uma questão de clareza e impacto. Ao deixar os clientes percorrer o produto, rodá-lo e explorar as suas funcionalidades em contexto, criaram uma experiência que foi muito além do que a fotografia ou o vídeo estáticos conseguiriam. > A interatividade muda tudo. Faz o produto parecer real. E, mais importante, ajuda o cliente a contar a sua história de uma forma que parece inovadora. ## Começa a usar o Spline A equipa da KOJI continua a experimentar 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 apenas um "extra", mas algo essencial para contar histórias de produto. É um exemplo visualmente deslumbrante de como a interatividade pode transformar o design de produtos digitais numa experiência que parece real. [Falar com a equipa comercial](https://spline.design/pt-pt/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-pt/customers/lynksen)[2 de março de 2026 · História de clienteComo a Onyx Coffee Lab cria 3D interativo para o ecommerce](https://spline.design/pt-pt/customers/onyx-coffee-lab)[24 de fevereiro de 2026 · História de clienteComo a Hermetica elevou a sua marca fintech com design 3D](https://spline.design/pt-pt/customers/hermetica) [Spline](https://spline.design/pt-pt) O editor 3D e 2D para equipas e os seus agentes. Publica na web, em iOS e em Android. #### Pergunta à IA sobre o Spline #### Produtos - [Design 3D](https://spline.design/pt-pt/3d-design) - [Hana](https://spline.design/pt-pt/hana) - [Omma](https://omma.build) - [Geração 3D com IA](https://spline.design/pt-pt/ai-generate) - [Spline MCP](https://spline.design/pt-pt/mcp) - [Spline Arena](https://spline.design/pt-pt/arena) - [Preços](https://spline.design/pt-pt/pricing) - [Empresas](https://spline.design/pt-pt/enterprise) #### Runtimes - [Web](https://spline.design/pt-pt/web) - [iOS](https://spline.design/pt-pt/ios) - [Android](https://spline.design/pt-pt/android) #### Apps - [Transferir](https://spline.design/pt-pt/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Transferir o Spline Mirror](https://spline.design/download-mirror) #### Aprender - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pt-pt/academy) - [API do Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluções](https://spline.design/solutions) #### Comunidade - [Comunidade Spline](https://community.spline.design) - [Blog](https://spline.design/pt-pt/blog) - [Novidades](https://spline.design/pt-pt/changelog) - [Educação](https://spline.design/pt-pt/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/pt-pt/affiliate) #### Empresa - [Clientes](https://spline.design/pt-pt/customers) - [Carreiras](https://www.ycombinator.com/companies/spline/jobs) - [Segurança](https://spline.design/pt-pt/security) #### Informação legal - [Termos e condições](https://spline.design/terms) - [Privacidade](https://spline.design/privacy) #### Contacto - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.