Zo bouwden we de interactieve 3D-productpagina voor de Tutamen ICM-21

Deze casestudy laat zien hoe Proofscene het STEP-bestand van de ICM-21, een verdeelblok voor vloeistofkoeling van Tutamen, omzette in een live interactieve 3D-productpagina waarop kopers het product op de eigen website van Tutamen kunnen draaien, uit elkaar halen en inspecteren. Tutamen is de in Californië opgerichte fabrikant van systemen voor thermisch management en precisiemechanische hardware voor projecten in AI, hyperscale en netwerkbeveiliging, en de ICM-21 was de eerste interactieve 3D-productdemo van Proofscene die is gebouwd vanuit de eigen CAD van een fabrikant. Iedereen kan de demo in een browser openen, rechtstreeks vanaf de productpagina.

Dit artikel legt uit wat een interactieve 3D-productdemo is, wie Tutamen is en waarom het de juiste partner was, hoe een demo vanuit CAD wordt gebouwd, wat het een fabrikant kost vergeleken met de gebruikelijke opties en welke producten er het meest baat bij hebben. Je kunt nu al de ICM-21 in 3D openen en meekijken.

Wat een koper met de demo van de ICM-21 kan doen

Een interactieve 3D-productdemo is een webpagina waarop een koper een echt product in drie dimensies kan bekijken: draaien, uit elkaar halen, doorsnijden, en lezen wat elk onderdeel is en waarvan het is gemaakt. De dienst, de vier live demo's en hoe die op de website van een fabrikant terechtkomen, staan op de pagina interactieve 3D-productdemo; hier lees je wat de demo van de ICM-21 doet.

Zo'n demo vult het gat tussen de twee dingen die de meeste fabrikanten al publiceren. Een productfoto toont de buitenkant vanuit één hoek. Een datasheet somt afmetingen, aansluitingen en materialen op, maar laat het aan de lezer over om zich voor te stellen hoe alles in elkaar past. Een 3D-demo brengt beide samen: het product, de onderdelen en de getallen die erbij horen. In elke demo kan een bezoeker:

• het product draaien en erop inzoomen, of direct naar een isometrisch aanzicht, vooraanzicht, bovenaanzicht of zijaanzicht springen;
• de assemblage uit elkaar halen, met een schuifregelaar voor hoe ver die uit elkaar gaat, en weer in elkaar zetten;
• een doorsnede maken om inwendige kanalen en wanden te zien, of overschakelen naar de röntgenweergave om te zien wat er in een behuizing zit;
• het stromingspad volgen door producten waar een vloeistof doorheen stroomt;
• op een onderdeel tikken voor de naam, het materiaal en het aantal, en het daarna isoleren of verbergen;
• het model opmeten, een rondleiding volgen, wisselen tussen een lichte en een donkere studio, en de link delen.

Bij elk getal dat je ziet, staat de bron: gemeten in de CAD, overgenomen uit de datasheet van de fabrikant of gemarkeerd als schatting. Er wordt niets verzonnen om een paneel te vullen.

Wie is Tutamen?

Tutamen is een fabrikant van thermische en mechanische hardware, in 2003 opgericht in Californië, met als motto “Everything But the Board”. Het bedrijf ontwerpt en bouwt de koeling en de mechanische systemen rond de elektronica in enkele van de meest veeleisende computersystemen ter wereld en omschrijft zichzelf als “Engineered in America. Built at global scale.”

Volgens de eigen website heeft Tutamen ongeveer 850 medewerkers en meer dan 50 engineers, in wat het bedrijf zes centra noemt, aangestuurd door één engineeringteam: engineering en productie in de Verenigde Staten, China, Mexico en Maleisië, en een verkoopkantoor in Frankrijk.

• Californië, VS: engineering en klantenondersteuning, met een lab van 10.000 vierkante voet voor thermische R&D en klanttests dat in Santa Clara wordt geopend.
• Dongguan, China: het hoofdkantoor voor engineering en productie van Tutamen, voor ontwerp, DFM, matrijzenbouw, proefexemplaren en productie, met eigen faciliteiten voor metaalstansen, CNC-bewerking, spuitgieten en drukgieten en een eigen laboratorium voor materiaalkunde.
• Jiangxi, China: grootschalige productie van afgewerkte koellichamen, met eigen lijnen voor anodiseren en passiveren, drukgieten en CNC.
• Tijuana, Mexico: Noord-Amerikaanse productie sinds 2017, vier fabrieken van samen ongeveer 95.000 vierkante voet in een vrijhandelszone, met een oorsprong “Made in Mexico” die voldoet aan de USMCA, en met FDA-geregistreerde, ISO 13485-gecertificeerde assemblage van medische hulpmiddelen.
• Penang, Maleisië: de nieuwste fabriek van Tutamen en de eerste in Zuidoost-Azië, met een lijn voor frontplaten en eindassemblage in een vrijhandelszone.
• Frankrijk: Europese verkoop en ondersteuning.

Het bedrijf is gecertificeerd volgens ISO 9001:2015, ISO 13485:2016 en ISO 14001:2015, en de site noemt onderscheidingen van klanten, waaronder drie opeenvolgende awards van Palo Alto Networks van 2023 tot en met 2025, twee kwaliteitsawards op rij van Foxconn, in 2024 en 2025, en een NPI-lanceringsaward uit 2025 van het medtechbedrijf Enovis.

Het productaanbod van Tutamen loopt van passieve en luchtgekoelde koellichamen via vapor chambers, heatpipes en koelplaten voor vloeistofkoeling tot verdeelblokken en leidingsystemen, chassis, rails en rackconstructies, en een eigen materialenlijn, ThermoChem. Op de site typeert Tutamen het moment waarvoor het bouwt als “de AI-hittecurve”, met een verwijzing naar de roadmap van Nvidia: 600 kW per rack tegen 2027 en een megawatt tegen 2028.

Wat is de ICM-21, en waarom laat je die in 3D zien?

De ICM-21 is een verdeelblok voor vloeistofkoeling binnen het chassis, voor een vloeistofgekoelde 2U-serverlade van 21 inch. Het zit tussen de snelkoppelingen van het chassis en de koelplaten en verdeelt de koelvloeistof over vijf vaste aftakkingen: één paar voedt de koelplaten van de ASIC en de VRM, en vier paren voeden de OSFP-modules. De verdeling ligt vast in de interne geometrie van het verdeelblok, niet in kleppen, dus in het veld valt er niets af te stellen en kan er niets ontregeld raken. De gepubliceerde specificaties:

Bijna alles wat de ICM-21 goed maakt, is onzichtbaar op een foto. De koude en de warme rij zijn gescheiden kamers zonder onderlinge doorstroming. Elk van de tien koppelingen bestaat uit een koppelingshuis, een geanodiseerde vergrendelhuls en een O-ring van EPDM. De stromingsverdeling zit in een roestvrijstalen behuizing. Een engineer die het onderdeel thermisch beoordeelt, wil precies die dingen zien, en in de 3D-demo kan dat: haal het verdeelblok uit elkaar, zodat elk koppelingshuis, elke huls en elke afdichting los komt te liggen, volg in de stromingsweergave de koelvloeistof van de koude inlaat naar de warme uitlaat, en lees elk getal af zonder een PDF te openen.

Tutamen toont de demo op de eigen productpagina van de ICM-21, onder het eigen logo, naast de datasheet. Daar draait het product om: de kopers van de fabrikant verkennen het onderdeel op de site van de fabrikant.

Hoe maakt Proofscene van CAD een 3D-demo?

We beginnen bij de CAD die de fabrikant al heeft, bouwen een model dat daar trouw aan is en publiceren het waar de kopers van de fabrikant het vinden. Voor de ICM-21 ging dat stap voor stap zo:

1. De fabrikant stuurt het STEP-bestand en de datasheet. Tutamen leverde de assemblage van de ICM-21 aan als STEP-export uit het eigen CAD-systeem, samen met de gepubliceerde datasheet.
2. De CAD wordt exact ingelezen. Elk volumelichaam wordt vanuit zijn echte oppervlakken omgezet in een mesh, identieke onderdelen worden herkend als één vorm die vaak terugkomt, en volumes, oppervlaktes en gaten worden uit de CAD zelf gemeten. Het model van de ICM-21 telt 21 soorten onderdelen en in totaal 42 stuks.
3. Onderdelen krijgen een naam, worden gesplitst en afgewerkt. Elk onderdeel krijgt zijn catalogusnaam en zijn materiaal: hardgesoldeerd S304L voor de behuizing, geanodiseerde afwerkingen voor de vergrendelhulzen, EPDM voor de afdichtingen. Elke koppeling kwam binnen als één volumelichaam, dus hebben we elke koppeling gesplitst in koppelingshuis, huls en O-ring. De hulzen kregen een nieuw profiel op basis van de productfoto van Tutamen, binnen de geometrische begrenzing van het CAD-model, en zo benoemt de viewer ze ook.
4. Elk getal wordt aan de bron getoetst. De berekende massa van het model kwam uit op 3,69 kg, tegenover 3,64 kg in de datasheet. Zat een optie niet in de CAD, zoals het lekdetectiecircuit, dan wordt die in de tekst beschreven in plaats van in 3D verzonnen. Verschillen een productfoto en de CAD, dan volgt het model de CAD en vermeldt de pagina dat de datasheet leidend is.
5. De demo wordt gepubliceerd op het adres van de fabrikant. De ICM-21 staat op tutamen.proofscene.com/icm-21 en is met één iframe ingebed in de eigen productpagina van Tutamen.
6. De pagina is klaar voor zoekmachines. Naast de 3D-viewer bevat een openbare demopagina een geschreven productbeschrijving, de onderdelen met hun naam, de specificaties en gestructureerde data, zodat zoekmachines en AI-assistenten kunnen lezen wat het product is zonder de viewer te starten.

Het afgewerkte model van de ICM-21 is gecomprimeerd ongeveer 2 MB en laadt in elke moderne browser op desktop of telefoon, zonder plug-in, app of account.

Wat bracht Tutamen in de samenwerking in?

Tutamen bracht de ingrediënten mee die een demo betrouwbaar maken: een echt productieonderdeel, een datasheet die maatgevend is en een publiek van hardware-engineers die elk getal controleren. De ICM-21 heeft bepaald hoe de hele productlijn werkt.

Echte CAD bepaalde de norm voor nauwkeurigheid. Omdat we vanuit het productiemodel van Tutamen bouwden, behandelt elke demo van Proofscene de CAD als maatgevende bron en staat er bij elk getal waar het vandaan komt.

Een publiek van engineers bepaalde de norm voor de functies. Een engineer die een verdeelblok voor koelvloeistof beoordeelt, wil de stromingsverdeling, de koppelingstypes, de buitenafmetingen met hun toleranties, de materialen en het testregime zien. De stromingsweergave, de doorsnede, de benoemde onderdelen en het specificatiepaneel met bronvermelding bestaan allemaal omdat een onderdeel als de ICM-21 ze nodig heeft.

De eigen site van Tutamen bepaalde de norm voor publiceren. Elke demo is gebouwd om op de site van de fabrikant te worden ingebed, niet om op de onze te blijven staan.

Samenwerken met een fabrikant die zoveel in huis heeft als Tutamen, met DFM, matrijzenbouw, proefexemplaren en productie onder één engineeringteam in Noord-Amerika en Azië, is het soort partnerschap dat een nieuwe productlijn nodig heeft. Bouw je hardware voor AI, datacenters of de medische sector en zoek je een partner voor koeling of mechanica? Neem contact op met de engineers van Tutamen.

Waarom geen gehoste 3D-viewer gebruiken of een 3D-toepassing op maat laten bouwen?

Een fabrikant die 3D op zijn productpagina's wil, kiest meestal een van twee routes, en bij een technisch product laten ze allebei iets te wensen over. Onze gids zo zet je een 3D-CAD-model op je website vergelijkt alle vier de routes, ook zelf bouwen met een open webviewer.

Een model uploaden naar een gehost 3D-platform. Dat gaat snel, maar je krijgt een viewer in plaats van een productpagina: het model zit in een algemene player, vaak op het platform van een ander bedrijf en onder het merk van dat bedrijf, en de benoemde onderdelen, materialen en specificaties die een engineer nodig heeft, laat je over aan de datasheet.

Een 3D-ervaring op maat laten bouwen. Dat kan precies opleveren wat je wilt, tegen een prijs die het voor de meeste productlijnen onbereikbaar heeft gehouden. De eigen gids van Sketchfab schat de gemiddelde kosten vooraf van een compleet 3D-configuratorproject op $ 15.000 tot $ 50.000, en configuratorleverancier Twikit komt, afhankelijk van complexiteit en functies, op een totaal van $ 10.000 tot meer dan $ 100.000. Dat is per project, nog zonder onderhoud, en veel fabrikanten hebben tientallen producten die het laten zien waard zijn.

De 3D-demo's van Proofscene kiezen een derde route. Wij bouwen het model vanuit de CAD die je al hebt, publiceren het op je eigen adres en geven je één regel code om het op je site in te bedden. Aan jouw kant is er geen ontwikkelproject nodig, je kopers hoeven geen nieuw platform te leren, en de pagina werkt voor zoekmachines net zo goed als voor mensen. Probeer ze alle vier live op de pagina interactieve 3D-productdemo, waar je ons ook je product kunt sturen, en bekijk bij 3D-productanimatie de lanceringsfilms die met dezelfde modellen zijn gemaakt.

Welke producten hebben baat bij een interactieve 3D-demo?

Elk product waarvan de waarde binnenin zit, of in hoe de onderdelen in elkaar passen. Om te laten zien dat het verder reikt dan serverkoeling, bouwden we drie demoproducten vanaf nul in CAD, elk onder een fictief merk en duidelijk gemarkeerd als Proofscene-demo:

• STRAVIK SX 50-160, een blokpomp met axiale aanzuiging volgens EN 733, met een gietijzeren slakkenhuis, een bronzen waaier, een mechanische asafdichting en een motor van 5,5 kW, tot en met de laatste lagerkogel;
• HALVORN BV25, een tweedelige kogelkraan DN25 met volle doorlaat van gegoten roestvrij staal 316, met zwevende kogel, PTFE-zittingen, uitblaasveilige spindel en pakking;
• ARTIXO RA90, een robotgewricht van 90 mm voor cobots en humanoïde robots, met een frameloze motor, een strain-wave-overbrenging van 50:1, een kruisrollenlager aan de uitgang en een encoder in één afgedichte behuizing.

Dezelfde aanpak past bij de meeste complexe industriële producten:

• Koeling voor datacenters en elektronica: verdeelblokken, koelplaten, koellichamen en verdeelunits voor koelvloeistof, waarbij het stromingspad het product is.
• Pompen, kleppen en vloeistoftechniek: inwendige delen die kopers anders alleen op een doorsnedetekening zien.
• Industriële automatisering en robotica: actuatoren, gewrichten en tandwielkasten met veel onderdelen op weinig ruimte.
• Medische hulpmiddelen: assemblages waarvan de componenten, materialen en oriëntatie precies moeten worden uitgelegd.
• Energieopslag en energietechniek: behuizingen waarvan de racks, koelcircuits en veiligheidssystemen achter stalen wanden verborgen zitten.

Bij energieopslag zie je de waarde duidelijk. Een batterijblok in een container verbergt zijn cellen, vloeistofkoelcircuit en brandveiligheidssystemen achter staal, en kopers reizen vaak naar de fabriek om acceptatietests bij te wonen voordat een unit wordt verzonden; learnBESS legt helder uit wat een fabrieksacceptatietest van een BESS-DC-blok omvat. Met een 3D-demo begrijpen alle betrokkenen het product al lang voordat ze er bij die test naast staan.

Hoe krijg ik een interactieve 3D-demo van mijn product?

Stuur ons de CAD en de datasheet, dan vertellen we je wat de demo kan laten zien voordat we hem bouwen. Het proces is kort:

1. Vertel ons over het product via het formulier op de demopagina: wat het is, wie het koopt en waar je het wilt laten zien.
2. Deel een STEP-export en de datasheet. We bevestigen welke onderdelen, weergaven en specificaties de demo krijgt.
3. Beoordeel de demo. Je controleert namen, materialen en getallen voordat er iets openbaar is.
4. Publiceer en plaats de demo op je site. Hij gaat live op je bedrijfsadres, openbaar voor zoekmachines of privé achter een wachtwoord, met één regel code om hem in je eigen productpagina in te bedden.

Worden je producten bedrukt in plaats van machinaal bewerkt, zoals kaarten, verpakkingen, polsbandjes of etiketten? Dan maakt het kernplatform van Proofscene van je platte drukproeven interactieve 3D-proeven die je met een gratis account kunt uitproberen.

Verder lezen

Open de Tutamen ICM-21 in 3D, zie in zo werkt Proofscene hoe een bedrukt product van drukproef naar 3D gaat, verken de 3D-proefviewer of lees hoe PrintPlast 3D-proeven maakt van hotelsleutelkaarten.