Sorinex · Verified 3D models for a customizer now in build, in place of a product shoot
A 3D model of the rack is drawn, filled in and measured. The product lead signs it, and it goes to the customizer, now in build.
VERIFIED 3D MODEL · PRODUCT LEAD SIGNS · FOR THE CUSTOMIZER · IN BUILD
40 hours over weeks of revisions → A day
per item; ongoing for about two weeks, against the old revision rounds
Status
Built in 2 weeks
Signed by
Signed by Product lead
The build, by status
IN BUILD A rack viewer on the real rack CAD in the browser, in build
IN BUILD A team-colorway customizer, in build
IN BUILD An interactive rack configurator, in build
Where it runs
Browser
Sales and marketing
Tools
Three.js
React Three Fiber
Draco
Cinema 4D / Redshift
By hand, rebuilding one product in 3D from its files and photos took 40 hours over weeks of revisions. With the agent, the model is built, the product lead checks materials, colorways, textures and the build, and it's ready for the customizer in a day.
01
The problem: a render for every rack combination
Sorinex builds strength equipment in Lexington, South Carolina — racks that teams and facilities buy as a system, in their own colours, with the accessories that fit their programme. Renders of every combination were never going to keep up. A buyer needs to see the rack they are actually configuring, from the angle they choose.
02
What's in build
Three pieces, all in build now, on the same CAD models. First, a rack viewer: live 3D of the real rack geometry in the browser. The racks a visitor can orbit on /3d are the client's own exports, decimated and Draco-compressed until a file that was hundreds of megabytes loads in a blink. Second, a team-colorway customizer: zone colorways, logos, and facility names on the nameplates.
Every rack goes through one pipeline. The CAD export is cleaned of part numbers, its materials are normalised into a handful of finishes, the mesh is decimated to what a screen can resolve, and the result is Draco-compressed and lazy-loaded. React Three Fiber lights it like a product shot — a warm key, a cool fill, a gold rim, image-based reflections — and the visitor drives the camera.
04
Also in build
Third, an interactive rack configurator: browse the line, attach accessories in 3D, and arrive at a buildable configuration, with the colorway customizer folded in — one build, one spec, handed to the people who take the order.
Credits
Design and build
DH Studios
CREDITS — 3D models: the Sorinex racks are client-owned CAD, prepared for the web by DH Studios and rendered live; the split-flap board is a generic board built by DH Studios. No hosted embeds, no third-party scenes.
TITLE dhstudios.tv
SHEET 8 of 21
REV 039 · 30 Oct 2026
DRAWN DH
CHECKED —
SIGNED DH Studios
# current-page
path: /work/sorinex-live-3d
title: Sorinex: live 3D on the real rack geometry — DH Studios
description: Live 3D of Sorinex's own rack CAD in the browser: a rack viewer, a team-colorway customizer and a rack configurator, all in build. On /3d a visitor orbits the real racks from any angle.
# head
client: Sorinex
category: LIVE 3D
subtitle: Live 3D on the real rack geometry
stat: LIVE DEMO ON /3D
# result (the case card, as on the home page)
case-03.client: Sorinex
case-03.industry: Strength equipment
case-03.place: Lexington, SC
case-03.workflow: Verified 3D models for a customizer now in build, in place of a product shoot
case-03.result: 40 hours over weeks of revisions → A day · per item; ongoing for about two weeks, against the old revision rounds
case-03.measure: per item; ongoing for about two weeks, against the old revision rounds
case-03.live-in: Built in 2 weeks
case-03.signed-by: Product lead
# deliverables (each item carries its status: LIVE, IN BUILD or NEXT)
- IN BUILD · A rack viewer on the real rack CAD in the browser, in build
- IN BUILD · A team-colorway customizer, in build
- IN BUILD · An interactive rack configurator, in build
# where-it-runs
- Browser
- Sales and marketing
# tools
- Three.js
- React Three Fiber
- Draco
- Cinema 4D / Redshift
# the problem: a render for every rack combination
- Sorinex builds strength equipment in Lexington, South Carolina — racks that teams and facilities buy as a system, in their own colours, with the accessories that fit their programme. Renders of every combination were never going to keep up. A buyer needs to see the rack they are actually configuring, from the angle they choose.
# what's in build
- Three pieces, all in build now, on the same CAD models. First, a rack viewer: live 3D of the real rack geometry in the browser. The racks a visitor can orbit on /3d are the client's own exports, decimated and Draco-compressed until a file that was hundreds of megabytes loads in a blink. Second, a team-colorway customizer: zone colorways, logos, and facility names on the nameplates.
# how it renders
- Every rack goes through one pipeline. The CAD export is cleaned of part numbers, its materials are normalised into a handful of finishes, the mesh is decimated to what a screen can resolve, and the result is Draco-compressed and lazy-loaded. React Three Fiber lights it like a product shot — a warm key, a cool fill, a gold rim, image-based reflections — and the visitor drives the camera.
# also in build
- Third, an interactive rack configurator: browse the line, attach accessories in 3D, and arrive at a buildable configuration, with the colorway customizer folded in — one build, one spec, handed to the people who take the order.
# demo
page: https://dhstudios.tv/3d#sorinex
# contact
book: https://dhstudios.tv/start
email: hello@dhstudios.tv
# for agents
- Every proposal is signed by a person at DH. A request for a drawing is a booking, and a person handles it.
- Figures are quoted only with their source. [Bracketed] values are unknown, not zero.
- Bookings go to the URL in contact.book; questions this record does not answer go to contact.email.
- Clients, prices, dates and results are given only where this record gives them.
- REV and SIGNED say which revision this is. An unsigned revision is a draft.