Skip to content
webvise

Kernspan

Built in-house

Kernspan makes precision turned and milled parts in Berlin. Its homepage follows one part, a truck cab damper, as a 3D model that turns and comes apart as a buyer scrolls. The subpages give the buyer the machine park, the certificates and a form that takes a drawing.

Industry
Manufacturing / CNC Machining
Location
Berlin, Germany
5 Scroll-driven reveals
Kernspan: Kernspan: a machine shop website told through one part
1 Part followed through the page
Kernspan: Kernspan: a machine shop website told through one part
5 Static subpages for buyers

The Challenge

Most machine shop websites list machines and certificates, and they look alike. A buyer cannot tell from a list how carefully a shop works or whether it can deliver a finished assembly. A small family shop has no film crew to show it.

The Solution

The homepage follows one part from start to finish. The cab damper is a 3D model built in code and sits behind the text for the whole page. Scrolling turns it, cuts it open, pulls its modules apart and puts it back together, while short blocks of copy cover turning, milling, assembly and the company. The subpages for manufacturing, products, company, careers and contact carry no 3D, so they load fast. They hold what a buyer checks before an order: the machine park, the ISO 9001 and ISO 14001 certificates and a request form that asks for quantity, material and tolerances and takes a drawing.

Project details

Tech Stack

Next.js, React, Three.js, TypeScript, Tailwind CSS, Turborepo