Steindl Metallverarbeitung
A machining company that makes one-off parts from a batch size of one, explained through a component that takes itself apart into its machining steps as you scroll.
Visit live website (opens in a new tab)
- Steindl Metallverarbeitung GmbH
- Durlangen near Schwäbisch Gmünd, Germany
- Redesign of a company website
- 2026
- Next.js, Three.js, GSAP
- Live
Starting point and goal
The previous website ran on a site builder and showed no images of the company’s own production.
The task: a buyer should see within seconds what is manufactured and be able to request a part, drawing included.
Concept
The website speaks the language of the technical drawing: title block, dimension lines, sharp edges and the blue from the company logo.
Instead of interchangeable stock photos, the central images are generated in code. They are labelled as sample geometry and claim nothing the company cannot back up.
One component explains the company
In the opening section a turned and milled part rotates, shows drilling, turning, milling and threading, separates into layers with its tool path and closes again.
Reverse engineering in six steps
From the existing part through 3D scan and CAD model to the finished replica. The 3D part runs through the steps, and one click jumps to any of them.
A machine park you can search
Ten machines and processes in four categories, each with a detail view, a sample part and a drawn working envelope.
Enquiry with drawing
The form accepts up to five files (PDF, STEP, DXF, DWG and images) and also works without JavaScript.
- 3D component generated entirely in code
- Machine park as a filterable explorer
- Enquiry form with drawing upload
Stack
- Next.js 16 and React 19, public pages rendered statically
- Three.js used directly, without model files: the geometry is generated in code
- GSAP with ScrollTrigger, loaded only when needed
- German and English with translated addresses
- Playwright tests in Chromium, Firefox without WebGL, WebKit and on mobile