Como criamos a página de produto 3D interativa do ICM-21 da Tutamen

Este estudo de caso mostra como o Proofscene transformou o arquivo STEP do manifold de refrigeração líquida ICM-21 da Tutamen em uma página de produto 3D interativa no ar, que os compradores podem girar, desmontar e examinar no próprio site da Tutamen. A Tutamen, fundada na Califórnia, fabrica sistemas de gerenciamento térmico e componentes mecânicos de precisão para programas de IA, hiperescala e segurança de redes, e o ICM-21 foi o primeiro produto a ganhar uma demo 3D interativa do Proofscene criada a partir do próprio CAD de um fabricante. Qualquer pessoa pode abrir a demo no navegador, direto da página do produto.

Este artigo explica o que é uma demo 3D interativa de produto, quem é a Tutamen e por que ela foi a parceira certa, como uma demo é criada a partir do CAD, quanto ela custa para um fabricante em comparação com as opções habituais e quais produtos ganham mais com ela. Você pode abrir o ICM-21 em 3D agora e acompanhar a leitura.

O que o comprador pode fazer na demo do ICM-21

Uma demo 3D interativa de produto é uma página web em que o comprador pode examinar um produto real em três dimensões: girar, desmontar, cortar e ler o que é cada peça e de que material ela é feita. O serviço, as quatro demos ao vivo e como elas chegam ao site do fabricante estão na página da demo 3D interativa de produto; aqui está o que a demo do ICM-21 faz.

Ela preenche a lacuna entre as duas coisas que a maioria dos fabricantes já publica. A foto de produto mostra o exterior de um único ângulo. A ficha técnica lista dimensões, conexões e materiais, mas deixa para o leitor imaginar como tudo se encaixa. A demo 3D reúne as duas em um só lugar: o produto, as peças e os números associados a elas. Em cada demo, o visitante pode:

• girar o produto e dar zoom, ou ir direto para uma vista isométrica, frontal, superior ou lateral;
• abrir a montagem em vista explodida, com um controle deslizante que define o quanto ela se separa, e montá-la de novo;
• fazer um corte para ver os canais e as paredes internas, ou passar para o raio X para ver o que fica dentro de uma carcaça;
• acompanhar o caminho do fluxo nos produtos que conduzem fluidos;
• tocar em qualquer peça para ver o nome, o material e a quantidade e, depois, isolar ou ocultar essa peça;
• medir o modelo, fazer um tour guiado, alternar entre um estúdio claro e um escuro e compartilhar o link.

Cada número exibido indica a fonte: medido no CAD, citado da ficha técnica do fabricante ou marcado como estimativa. Nada é inventado para preencher um painel.

Quem é a Tutamen?

A Tutamen é uma fabricante de componentes térmicos e mecânicos fundada na Califórnia em 2003, cujo lema é “Everything But the Board” (tudo, menos a placa). Ela projeta e fabrica os sistemas de refrigeração e os sistemas mecânicos em torno da eletrônica de alguns dos equipamentos de computação mais exigentes do mundo e se apresenta com a frase “Engenharia nos Estados Unidos. Produção em escala global”.

Segundo o site da empresa, a Tutamen tem cerca de 850 funcionários e mais de 50 engenheiros, no que ela chama de seis centros conduzidos por uma única equipe de engenharia: engenharia e fabricação nos Estados Unidos, na China, no México e na Malásia, e um escritório de vendas na França.

• Califórnia, EUA: engenharia e suporte ao cliente, com um laboratório de P&D térmico e de testes para clientes, de 10.000 pés quadrados, que está sendo aberto em Santa Clara.
• Dongguan, China: a sede de engenharia e fabricação da Tutamen, que cobre projeto, DFM, ferramental, amostras e produção, com estampagem de metais, usinagem CNC, moldagem por injeção e fundição sob pressão próprias e um laboratório de ciência dos materiais.
• Jiangxi, China: produção em alto volume de dissipadores de calor acabados, com linhas dedicadas de anodização e passivação, fundição sob pressão e CNC.
• Tijuana, México: fabricação na América do Norte desde 2017, com quatro fábricas que somam cerca de 95.000 pés quadrados em uma zona franca, origem “Made in Mexico” qualificada pelo USMCA e montagem de dispositivos médicos registrada na FDA e com certificação ISO 13485.
• Penang, Malásia: a fábrica mais nova da Tutamen e a primeira no Sudeste Asiático, com uma linha de painéis frontais e de montagem final em zona franca.
• França: vendas e suporte para a Europa.

A empresa tem as certificações ISO 9001:2015, ISO 13485:2016 e ISO 14001:2015, e o site dela lista prêmios de clientes, entre eles três prêmios consecutivos da Palo Alto Networks, de 2023 a 2025, prêmios de qualidade consecutivos da Foxconn, em 2024 e 2025, e um prêmio de introdução de novos produtos (NPI) em 2025, concedido pela empresa de tecnologia médica Enovis.

A linha de produtos da Tutamen vai de dissipadores de calor passivos e refrigerados a ar, passando por câmaras de vapor, tubos de calor (heat pipes) e placas frias de refrigeração líquida, até sistemas de manifold e tubulação, chassis, trilhos e estruturas de rack, além da linha própria de materiais ThermoChem. O site da empresa descreve o momento para o qual ela se prepara como “a curva de calor da IA”, citando o roadmap da Nvidia, que prevê 600 kW por rack até 2027 e um megawatt até 2028.

O que é o ICM-21 e por que mostrá-lo em 3D?

O ICM-21 é um manifold de refrigeração líquida intrachassi para uma bandeja de servidor 2U de 21 polegadas refrigerada a líquido. Ele fica entre os engates rápidos do chassi e as placas frias e divide o líquido refrigerante em cinco ramificações fixas: um par alimenta as placas frias do ASIC e do VRM, e quatro pares alimentam os módulos OSFP. A divisão é definida pela geometria interna do manifold, e não por válvulas; então, em campo, não há nada para ajustar nem que possa se desregular. As especificações publicadas:

Quase tudo o que faz do ICM-21 um bom produto fica invisível em uma foto. As fileiras fria e quente são câmaras isoladas, sem fluxo cruzado. Cada um dos dez engates é formado por um corpo fêmea, uma luva de travamento anodizada e um O-ring de EPDM. A divisão do fluxo fica dentro de um corpo de aço inox. Um engenheiro térmico que avalia a peça quer ver exatamente essas coisas, e na demo 3D ele consegue: abrir o manifold em vista explodida para separar cada corpo fêmea, cada luva e cada vedação, acompanhar o líquido refrigerante da entrada fria até a saída quente na vista de fluxo e ler cada número sem abrir um PDF.

A Tutamen mostra a demo na página de produto do ICM-21 do próprio site, com o logo da empresa, ao lado da ficha técnica. Esse é o objetivo do produto: os compradores do fabricante exploram a peça no site do fabricante.

Como o Proofscene transforma o CAD em uma demo 3D?

Partimos do CAD que o fabricante já tem e criamos um modelo fiel a ele; depois, publicamos o modelo onde os compradores do fabricante vão encontrá-lo. No caso do ICM-21, passo a passo:

1. O fabricante envia o arquivo STEP e a ficha técnica. A Tutamen forneceu a montagem do ICM-21 em um arquivo STEP exportado do próprio sistema CAD, junto com a ficha técnica publicada.
2. O CAD é lido com exatidão. Cada sólido vira uma malha gerada a partir das superfícies reais, peças idênticas são reconhecidas como uma mesma forma usada várias vezes, e volumes, áreas e furos são medidos no próprio CAD. O modelo do ICM-21 tem 21 tipos de peça e 42 unidades no total.
3. As peças são nomeadas, separadas e recebem acabamento. Cada peça ganha o nome de catálogo e o material: S304L brasado no corpo, acabamentos anodizados nas luvas de travamento, EPDM nas vedações. Os engates chegaram como sólidos únicos; por isso, separamos cada um em corpo fêmea, luva e O-ring, redesenhando o perfil das luvas a partir da foto de produto da Tutamen, dentro do envelope dimensional do CAD, e o visualizador identifica as peças dessa forma.
4. Cada número é conferido com a fonte. A massa calculada do modelo chegou a 3,69 kg, contra 3,64 kg da ficha técnica. Quando o CAD não incluía um opcional, como o circuito de detecção de vazamento, ele é descrito em texto, em vez de ser inventado em 3D. Quando uma foto de produto e o CAD divergem, o modelo segue o CAD, e a página informa que vale a ficha técnica.
5. A demo é publicada no endereço do fabricante. O ICM-21 fica em tutamen.proofscene.com/icm-21 e é incorporado à própria página de produto da Tutamen com um único iframe.
6. A página fica pronta para a busca. Além do visualizador 3D, a página pública da demo traz uma descrição do produto por escrito, as peças pelo nome, as especificações e dados estruturados, para que buscadores e assistentes de IA consigam ler o que é o produto sem rodar o visualizador.

O modelo final do ICM-21 tem cerca de 2 MB compactado e carrega em qualquer navegador moderno, no computador ou no celular, sem plugin, app ou conta.

O que a Tutamen trouxe para a parceria?

A Tutamen trouxe os ingredientes que tornam uma demo confiável: uma peça real de produção, uma ficha técnica que tem a palavra final e um público de engenheiros de hardware que conferem cada número. O ICM-21 moldou o funcionamento de toda a linha de produtos.

O CAD real definiu o padrão de precisão. Foi por partir do modelo de produção da Tutamen que toda demo do Proofscene trata o CAD como a fonte da verdade e indica de onde vem cada número.

Um público de engenharia definiu o padrão dos recursos. Um engenheiro que avalia um manifold de refrigeração quer ver a divisão do fluxo, os tipos de engate, as dimensões externas e as tolerâncias, os materiais e o regime de testes. A vista de fluxo, a vista em corte, as peças com nome e o painel de especificações com as fontes indicadas existem porque uma peça como o ICM-21 precisa deles.

O próprio site da Tutamen definiu o padrão de publicação. Toda demo é criada para ser incorporada ao site do fabricante, e não para ficar no nosso.

Trabalhar com um fabricante do porte da Tutamen, que reúne DFM, ferramental, amostras e produção sob uma única equipe de engenharia na América do Norte e na Ásia, é o tipo de parceria de que uma nova linha de produtos precisa. Se você fabrica hardware para IA, data centers ou a área médica e precisa de um parceiro térmico ou mecânico, fale com os engenheiros da Tutamen.

Por que não usar um visualizador 3D hospedado ou encomendar um projeto 3D sob medida?

O fabricante que quer 3D nas páginas de produto costuma seguir um de dois caminhos, e cada um deixa lacunas para um produto de engenharia. O nosso guia sobre como colocar um modelo CAD 3D no seu site compara os quatro caminhos, incluindo desenvolver a página por conta própria com um visualizador web de código aberto.

Enviar um modelo para uma plataforma 3D hospedada. É rápido, mas o resultado é um visualizador, e não uma página de produto: o modelo fica dentro de um player genérico, muitas vezes na plataforma de outra empresa e com a marca dela, e as peças com nome, os materiais e as especificações de que um engenheiro precisa ficam por conta da ficha técnica.

Encomendar uma experiência 3D sob medida. Isso pode entregar exatamente o que você quer, a um preço que deixou essa opção fora do alcance da maioria das linhas de produtos. O próprio guia da Sketchfab estima o custo inicial médio de um projeto de configurador 3D de ponta a ponta entre US$ 15.000 e US$ 50.000, e a Twikit, fornecedora de configuradores, calcula o total entre US$ 10.000 e mais de US$ 100.000, dependendo da complexidade e dos recursos. Esse valor é por projeto, sem contar a manutenção, e muitos fabricantes têm dezenas de produtos que merecem ser mostrados.

As demos 3D do Proofscene seguem um terceiro caminho. Criamos o modelo a partir do CAD que você já tem, publicamos tudo no seu próprio endereço e entregamos uma única linha de código para você incorporar a demo ao seu site. Não há nenhum projeto de desenvolvimento da sua parte nem uma nova plataforma para os seus compradores aprenderem, e a página funciona tanto para a busca quanto para as pessoas. Experimente as quatro ao vivo na página da demo 3D interativa de produto, onde você também pode nos enviar o seu produto, e veja os vídeos de lançamento feitos a partir dos mesmos modelos em animação 3D de produtos.

Quais produtos ganham com uma demo 3D interativa?

Qualquer produto cujo valor esteja dentro dele ou na forma como as peças se encaixam. Para mostrar o alcance da abordagem além da refrigeração de servidores, criamos do zero, em CAD, três produtos de demonstração, cada um com uma marca fictícia e identificado claramente como demo do Proofscene:

• STRAVIK SX 50-160, uma bomba monobloco de sucção axial conforme a norma EN 733, com voluta de ferro fundido, rotor de bronze, selo mecânico no eixo e motor de 5,5 kW, com todas as esferas dos rolamentos;
• HALVORN BV25, uma válvula de esfera bipartida DN25 de passagem plena em aço inox 316 fundido, com esfera flutuante, sedes de PTFE, haste antiexpulsão e gaxeta;
• ARTIXO RA90, uma junta de robô de 90 mm para cobots e humanoides, com motor frameless, redutor harmônico 50:1, rolamento de saída de rolos cruzados e encoder em uma única carcaça vedada.

A mesma abordagem serve para a maioria dos produtos industriais complexos:

• Refrigeração de data centers e eletrônicos: manifolds, placas frias, dissipadores de calor e unidades de distribuição de líquido refrigerante, em que o caminho do fluxo é o próprio produto.
• Bombas, válvulas e condução de fluidos: componentes internos que, de outro modo, os compradores só veem em um desenho em corte.
• Automação industrial e robótica: atuadores, juntas e redutores com muitas peças em um espaço pequeno.
• Dispositivos médicos: montagens cujos componentes, materiais e orientação precisam ser explicados com precisão.
• Armazenamento de energia e equipamentos de potência: gabinetes cujos racks, circuitos de refrigeração e sistemas de segurança ficam escondidos atrás de paredes de aço.

O armazenamento de energia mostra bem esse valor. Um bloco de baterias em contêiner esconde as células, o circuito de refrigeração líquida e os sistemas de segurança contra incêndio atrás do aço, e os compradores muitas vezes viajam até a fábrica para acompanhar os testes de aceitação antes de uma unidade ser enviada; o learnBESS tem uma explicação clara sobre o que um teste de aceitação em fábrica cobre em um bloco CC de BESS. Uma demo 3D permite que todos os envolvidos entendam o produto muito antes de estarem ao lado dele nesse teste.

Como faço para ter uma demo 3D interativa do meu produto?

Envie o CAD e a ficha técnica, e nós diremos o que a demo pode mostrar antes de criá-la. O processo é curto:

1. Conte sobre o produto pelo formulário da página de demos: o que ele é, quem compra e onde você quer mostrá-lo.
2. Compartilhe um arquivo STEP exportado e a ficha técnica. Confirmamos quais peças, vistas e especificações a demo vai trazer.
3. Revise a demo. Você confere nomes, materiais e números antes que qualquer coisa fique pública.
4. Publique e incorpore. A demo entra no ar no endereço da sua empresa, pública para a busca ou privada com senha, com uma única linha de código para incorporá-la à página do seu produto.

Se os seus produtos são impressos, e não usinados, como cartões, embalagens, pulseiras ou rótulos, a plataforma principal do Proofscene cria, a partir das suas provas 2D em PDF, provas 3D interativas que você pode testar com uma conta grátis.

Leia também

Abra o Tutamen ICM-21 em 3D, veja como um produto impresso vai da prova em PDF ao 3D em como funciona o Proofscene, explore o visualizador de provas 3D ou leia como a PrintPlast faz provas 3D de cartões-chave de hotel.