Cómo creamos la página de producto 3D interactiva del ICM-21 de Tutamen

Este caso de éxito muestra cómo Proofscene convirtió el archivo STEP del colector de refrigeración líquida ICM-21 de Tutamen en una página de producto 3D interactiva en vivo, donde los clientes pueden girarlo, desmontarlo y examinarlo en la propia web de Tutamen. Tutamen, fabricante fundado en California, crea sistemas de gestión térmica y componentes mecánicos de precisión para programas de IA, hiperescala y seguridad de redes, y el ICM-21 fue la primera demo 3D interactiva de producto de Proofscene creada a partir del propio CAD de un fabricante. Cualquiera puede abrirla en el navegador, directamente desde su página de producto.

Este artículo explica qué es una demo 3D interactiva de producto, quién es Tutamen y por qué era el socio adecuado, cómo se crea una demo a partir del CAD, cuánto le cuesta a un fabricante frente a las opciones habituales y qué productos se benefician más. Puedes abrir el ICM-21 en 3D ahora mismo e ir siguiendo el artículo.

Qué puede hacer un cliente con la demo del ICM-21

Una demo 3D interactiva de producto es una página web en la que un cliente puede examinar un producto real en tres dimensiones: girarlo, desmontarlo, seccionarlo y leer qué es cada pieza y de qué está hecha. El servicio, sus cuatro demos en vivo y cómo llegan a la web de un fabricante se explican en la página de la demo 3D interactiva de producto; esto es lo que hace la del ICM-21.

Cubre el hueco entre las dos cosas que la mayoría de los fabricantes ya publican. Una foto de producto muestra el exterior desde un solo ángulo. Una ficha técnica enumera medidas, conexiones y materiales, pero deja que el lector imagine cómo encaja todo. Una demo 3D reúne ambas cosas en un solo lugar: el producto, sus piezas y las cifras asociadas a ellas. En cada demo, el visitante puede:

• girar el producto y hacer zoom, o saltar a una vista isométrica, frontal, superior o lateral;
• despiezar el ensamblaje, con un control deslizante que regula cuánto se separan las piezas, y volver a montarlo;
• hacer un corte para ver los canales y las paredes interiores, o pasar a rayos X para ver lo que hay dentro de una carcasa;
• seguir el recorrido del flujo en los productos por los que circula un fluido;
• hacer clic en cualquier pieza para ver su nombre, su material y su cantidad, y después aislarla u ocultarla;
• medir el modelo, hacer un recorrido guiado, elegir un estudio claro u oscuro y compartir el enlace.

Cada cifra que se muestra indica su origen: medida en el CAD, citada de la ficha técnica del fabricante o marcada como estimación. No se inventa nada para llenar un panel.

¿Quién es Tutamen?

Tutamen es un fabricante de componentes térmicos y mecánicos fundado en California en 2003, cuyo lema es “Everything But the Board” (todo menos la placa). Diseña y fabrica los sistemas mecánicos y de refrigeración que rodean la electrónica de algunos de los equipos informáticos más exigentes del mundo, y se define con la frase “Engineered in America. Built at global scale.” (diseñado en Estados Unidos, fabricado a escala global).

Según su web, Tutamen tiene unos 850 empleados y más de 50 ingenieros, repartidos en lo que denomina seis centros dirigidos por un solo equipo de ingeniería: ingeniería y fabricación en Estados Unidos, China, México y Malasia, y una oficina comercial en Francia.

• California (EE. UU.): ingeniería y atención al cliente, con un laboratorio de 10.000 pies cuadrados de I+D térmica y ensayos para clientes que se está abriendo en Santa Clara.
• Dongguan (China): la sede de ingeniería y fabricación de Tutamen, que abarca diseño, DFM, herramientas de producción, muestras y fabricación en serie, con estampado de metal, mecanizado CNC, moldeo por inyección y fundición a presión propios, además de un laboratorio de ciencia de materiales.
• Jiangxi (China): producción en gran volumen de disipadores de calor terminados, con líneas específicas de anodizado y pasivado, de fundición a presión y de CNC.
• Tijuana (México): fabricación en Norteamérica desde 2017, con cuatro plantas que suman unos 95.000 pies cuadrados en una zona franca, origen “Made in Mexico” que cumple las reglas del T-MEC (USMCA) y ensamblaje de dispositivos médicos registrado ante la FDA y certificado según ISO 13485.
• Penang (Malasia): la planta más reciente de Tutamen y la primera en el Sudeste Asiático, con una línea de placas frontales y montaje final en zona franca.
• Francia: ventas y soporte para Europa.

La empresa cuenta con las certificaciones ISO 9001:2015, ISO 13485:2016 e ISO 14001:2015, y su web menciona premios de clientes, entre ellos tres premios consecutivos de Palo Alto Networks de 2023 a 2025, premios de calidad de Foxconn dos años seguidos (2024 y 2025) y un premio de lanzamiento NPI de 2025 concedido por la empresa de tecnología médica Enovis.

La gama de productos de Tutamen va desde disipadores de calor pasivos y refrigerados por aire, pasando por cámaras de vapor, tubos de calor y placas frías de refrigeración líquida, hasta sistemas de colectores y tuberías, chasis, guías y estructuras de rack, además de su propia línea de materiales ThermoChem. Su web describe el momento para el que se prepara como “la curva de calor de la IA” y cita la hoja de ruta de Nvidia: 600 kW por rack para 2027 y un megavatio para 2028.

¿Qué es el ICM-21 y por qué mostrarlo en 3D?

El ICM-21 es un colector de refrigeración líquida intrachasis para una bandeja de servidor 2U de 21 pulgadas refrigerada por líquido. Se sitúa entre los conectores rápidos del chasis y las placas frías, y reparte el refrigerante en cinco ramales fijos: un par alimenta las placas frías del ASIC y del VRM, y cuatro pares alimentan los módulos OSFP. El reparto lo fija la geometría interna del colector, no unas válvulas, así que no hay nada que ajustar ni que pueda desajustarse una vez instalado. Estas son las especificaciones publicadas:

Casi todo lo que hace bueno al ICM-21 es invisible en una fotografía. Las filas fría y caliente son cámaras aisladas, sin flujo cruzado. Cada uno de los diez acoplamientos se compone de un cuerpo de conector, un manguito de bloqueo anodizado y una junta tórica de EPDM. El reparto del caudal ocurre dentro de un cuerpo de acero inoxidable. Un ingeniero térmico que evalúa la pieza quiere ver justo eso, y en la demo 3D puede hacerlo: despiezar el colector para separar cada conector, cada manguito y cada junta, seguir el refrigerante desde la entrada fría hasta la salida caliente en la vista de flujo y leer cada cifra sin abrir un PDF.

Tutamen muestra la demo en su propia página de producto del ICM-21, con su propio logo y junto a la ficha técnica. Esa es la razón de ser del producto: los clientes del fabricante exploran la pieza en la web del fabricante.

¿Cómo convierte Proofscene el CAD en una demo 3D?

Partimos del CAD que el fabricante ya tiene, creamos un modelo fiel a él y después lo publicamos donde lo encontrarán sus clientes. En el caso del ICM-21, paso a paso:

1. El fabricante envía el archivo STEP y la ficha técnica. Tutamen entregó el ensamblaje del ICM-21 como exportación STEP desde su sistema CAD, junto con la ficha técnica publicada.
2. El CAD se lee con exactitud. Cada sólido se convierte en malla a partir de sus superficies reales, las piezas idénticas se reconocen como una sola forma usada varias veces y los volúmenes, las áreas y los orificios se miden en el propio CAD. El modelo del ICM-21 tiene 21 referencias distintas y 42 piezas en total.
3. Las piezas se nombran, se separan y reciben su acabado. Cada pieza recibe su nombre de catálogo y su material: S304L con soldadura fuerte para el cuerpo, acabados anodizados para los manguitos de bloqueo y EPDM para las juntas. Los acoplamientos llegaron como sólidos únicos, así que separamos cada uno en su conector, su manguito y su junta tórica, redibujamos el perfil de los manguitos a partir de la foto de producto de Tutamen sin salir de la envolvente del CAD, y el visor los etiqueta así.
4. Cada cifra se coteja con su fuente. La masa calculada del modelo fue de 3,69 kg, frente a los 3,64 kg de la ficha técnica. Si el CAD no incluía una opción, como el circuito de detección de fugas, esta se describe en el texto en lugar de inventarse en 3D. Si una foto de producto y el CAD no coinciden, el modelo sigue al CAD y la página indica que prevalece la ficha técnica.
5. La demo se publica en la dirección del fabricante. El ICM-21 está en tutamen.proofscene.com/icm-21 y se inserta en la propia página de producto de Tutamen con un solo iframe.
6. La página está lista para los buscadores. Junto al visor 3D, una página de demo pública incluye una descripción escrita del producto, las piezas por su nombre, las especificaciones y datos estructurados, para que los buscadores y los asistentes de IA puedan leer qué es el producto sin ejecutar el visor.

El modelo terminado del ICM-21 ocupa unos 2 MB comprimido y se carga en cualquier navegador moderno de escritorio o de teléfono, sin plugins, apps ni cuentas.

¿Qué aportó Tutamen a la colaboración?

Tutamen aportó los ingredientes que hacen fiable una demo: una pieza de producción real, una ficha técnica de referencia y un público de ingenieros de hardware que comprueban cada cifra. El ICM-21 definió cómo funciona toda la línea de productos.

Un CAD real marcó el estándar de precisión. Haber partido del modelo de producción de Tutamen es la razón por la que cada demo de Proofscene toma el CAD como referencia definitiva e indica de dónde sale cada cifra.

Un público de ingenieros marcó el estándar de las funciones. Un ingeniero que evalúa un colector de refrigerante quiere conocer el reparto del caudal, los tipos de acoplamiento, las dimensiones exteriores y sus tolerancias, los materiales y el régimen de ensayos. La vista de flujo, la vista en corte, las piezas con nombre y el panel de especificaciones con sus fuentes existen porque una pieza como el ICM-21 los necesita.

La propia web de Tutamen marcó el estándar de publicación. Cada demo se crea para insertarse en la web del fabricante, no para quedarse en la nuestra.

Trabajar con un fabricante de la envergadura de Tutamen, con DFM, herramientas de producción, muestras y fabricación en serie bajo un solo equipo de ingeniería en Norteamérica y Asia, es el tipo de colaboración que necesita una nueva línea de productos. Si fabricas hardware para IA, centros de datos o equipos médicos y necesitas un socio térmico o mecánico, habla con los ingenieros de Tutamen.

¿Por qué no usar un visor 3D alojado o encargar un desarrollo 3D a medida?

Un fabricante que quiere 3D en sus páginas de producto suele elegir una de dos opciones, y cada una deja carencias en el caso de un producto industrial. Nuestra guía sobre cómo poner un modelo CAD 3D en tu web compara las cuatro opciones, incluida la de hacerlo por tu cuenta con un visor web abierto.

Subir un modelo a una plataforma 3D alojada. Es rápido, pero te da un visor, no una página de producto: el modelo queda dentro de un reproductor genérico, a menudo en la plataforma de otra empresa y con su marca, y las piezas con nombre, los materiales y las especificaciones que necesita un ingeniero se quedan en la ficha técnica.

Encargar una experiencia 3D a medida. Puede darte exactamente lo que quieres, a un precio que la ha dejado fuera del alcance de la mayoría de las líneas de producto. La propia guía de Sketchfab sitúa el costo inicial medio de un proyecto completo de configurador 3D entre 15.000 US$ y 50.000 US$, y Twikit, proveedor de configuradores, calcula un total de 10.000 US$ a más de 100.000 US$ según la complejidad y las funciones. Eso es por proyecto, sin contar el mantenimiento, y muchos fabricantes tienen decenas de productos que merece la pena mostrar.

Las demos 3D de Proofscene son una tercera opción. Creamos el modelo a partir del CAD que ya tienes, lo publicamos en tu propia dirección y te damos una línea de código para insertarlo en tu web. No hay ningún proyecto de desarrollo por tu parte ni una plataforma nueva que tus clientes tengan que aprender, y la página funciona tanto para los buscadores como para las personas. Explora las cuatro en vivo en la página de la demo 3D interactiva de producto, donde también puedes enviarnos tu producto, y mira los videos de lanzamiento creados con los mismos modelos en animación 3D de productos.

¿Qué productos se benefician de una demo 3D interactiva?

Cualquier producto cuyo valor esté en su interior o en cómo encajan sus piezas. Para mostrar el abanico más allá de la refrigeración de servidores, creamos desde cero en CAD tres productos de demostración, cada uno con una marca ficticia y claramente identificado como demo de Proofscene:

• STRAVIK SX 50-160, una bomba centrífuga monobloc de aspiración axial según EN 733, con voluta de hierro fundido, impulsor de bronce, cierre mecánico del eje y motor de 5,5 kW, con todas y cada una de las bolas de los rodamientos;
• HALVORN BV25, una válvula de bola DN25 de dos piezas y paso total, de fundición de acero inoxidable 316, con su bola flotante, sus asientos de PTFE, su vástago antiexpulsión y su empaquetadura;
• ARTIXO RA90, una articulación robótica de 90 mm para cobots y humanoides, con motor sin carcasa, reductor de onda de deformación 50:1, rodamiento de salida de rodillos cruzados y encoder en un único alojamiento sellado.

El mismo enfoque sirve para la mayoría de los productos manufacturados complejos:

• Refrigeración de centros de datos y electrónica: colectores, placas frías, disipadores de calor y unidades de distribución de refrigerante, en los que el recorrido del flujo es el producto.
• Bombas, válvulas y conducción de fluidos: componentes internos que, de otro modo, los clientes solo ven en un plano en corte.
• Automatización industrial y robótica: actuadores, articulaciones y reductores con muchas piezas en un espacio reducido.
• Dispositivos médicos: ensamblajes cuyos componentes, materiales y orientación hay que explicar con precisión.
• Almacenamiento de energía y equipos eléctricos: envolventes cuyos racks, circuitos de refrigeración y sistemas de seguridad quedan ocultos tras paredes de acero.

El almacenamiento de energía lo ilustra con claridad. Un bloque de baterías en contenedor oculta tras el acero sus celdas, su circuito de refrigeración líquida y sus sistemas contra incendios, y los clientes suelen viajar a la fábrica para presenciar los ensayos de aceptación antes de que se envíe una unidad; learnBESS tiene una explicación clara de qué abarca un ensayo de aceptación en fábrica de un bloque DC de un BESS. Una demo 3D permite que todas las partes implicadas entiendan el producto mucho antes de estar a su lado durante ese ensayo.

¿Cómo consigo una demo 3D interactiva de mi producto?

Envíanos el CAD y la ficha técnica, y te diremos qué puede mostrar la demo antes de crearla. El proceso es breve:

1. Háblanos del producto mediante el formulario de la página de la demo: qué es, quién lo compra y dónde quieres mostrarlo.
2. Comparte una exportación STEP y la ficha técnica. Confirmamos qué piezas, vistas y especificaciones incluirá la demo.
3. Revisa la demo. Compruebas los nombres, los materiales y las cifras antes de que nada sea público.
4. Publica e inserta. La demo se publica en la dirección de tu empresa, pública para los buscadores o privada y protegida con contraseña, con una línea de código para insertarla en tu propia página de producto.

Si tus productos se imprimen en lugar de mecanizarse, como tarjetas, packaging, pulseras o etiquetas, la plataforma principal de Proofscene convierte tus hojas de prueba planas en pruebas 3D interactivas de impresión que puedes empezar a usar con una cuenta gratuita.

Lecturas relacionadas

Abre el Tutamen ICM-21 en 3D, mira cómo pasa un producto impreso de la hoja de prueba al 3D en cómo funciona Proofscene, explora el visor de pruebas 3D o lee cómo PrintPlast crea pruebas 3D de tarjetas llave de hotel.