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

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.

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.

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.

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.

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.

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.

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.

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