01
164 frames and one scroll
The PB6-63 press, part by part
The hero stays put and the machine is painted frame by frame. Scroll, and the red press opens into parts that float there, each with its specs beside it.
Projects04 / 06
MADI Industrial: You scroll and the press comes apart, piece by piece.
- Client
- MADI Industrial
- Sector
- Industrial machinery
- Where
- Cuautitlán, Mexico
- Website
- madi-industrial.com
What they asked for
What we did
- 14-page custom website
- Scroll exploded view
- Catalogue of 23 machines
- Three-step quote form
- Business structured data
Their palette
- #0A0A0A
- #181818
- #C41E1E
- #F0F0F0
MADI brings in metalworking machinery from Europe and Asia —CNC press brakes, shears, lasers, plate rollers— and installs it, services it and trains the people who'll use it, in Mexico and Chile. They sell machines that weigh many tonnes, and nobody asks the price of something like that without a good look first.
So the homepage opens with a press brake that comes apart as you scroll. And the catalogue goes from seven product lines to 23 machines, each with its spec table and its quote button.
What we like most
02
Seven lines, one sheet per machine
Tonnage, length, axes and controller
Every line has its page and every machine its table. The biggest is a 2 × 400-tonne tandem, which is easier said than lifted. And every sheet ends in its quote button.
03
The spec sheet, in view
What a plant manager asks
Specs go in a table, in a monospaced font, like a machine's rating plate. That way you can compare them at a glance.
04
In your pocket
The exploded view, upright too
The press rearranges itself for a vertical screen and the catalogue scrolls under a thumb.
More screens
The press, whole 
The catalogue: seven lines 
A spec sheet: the 2 × 400 t tandem 
Quote: step 1 of 3 
MADI in numbers
The numbers
- 164frames in the homepage exploded view
- 23machines with their spec sheets
- 7product lines
- 0.53 sto load the homepage
Heads-up: load times are for the homepage, measured on desktop on 14 October 2026 with no network throttling. A rough guide, not a Lighthouse score.
More projects
All projects →
What about yours? Shall we take a look?
Half an hour, free, with the people who'd build it. And no “we'll get back to you” at the end.
Book a slot →