Case study
A machine page that takes itself apart.
Most machine builders show a product with one photo and a long spec sheet. The buyer never sees what is inside, so the sales team has to explain it. This concept page lets the machine do the explaining.
The problem
A 5-axis machining center is sold on what sits behind the doors: the spindle, the trunnion, the cast base. None of that shows up in a product photo, and a spec table does not make anyone want to read further.
The idea
As the visitor scrolls, the machine separates into its ten main parts. Scroll back up and it closes again. Each part is labeled with what it does, in plain terms, while it is still moving.
What went into it
- A complete brand for a fictional machine builder, Nar Precision Systems, and its flagship: the Aril 5.
- A scroll-driven exploded view of the machine, labeled part by part.
- A color and type system chosen for industrial buyers: calm, technical, easy to read.
- English and Turkish, with separate layouts for phone, tablet and desktop.
- A quote form, contact details and a spec table that a sales team can actually use.
- Every release checked for design, copy, speed and security.
Results
- Lighthouse accessibility, best practices and SEO: 100.
- Layout shift while scrolling (CLS): 0.
- About five days from idea to live page.
- Works with keyboard, screen readers and the "reduce motion" setting.
For your machine
The same experience can be built around your own machine. A single-machine page is delivered in about a week.