Skip to content
Esequiel A. Milazzo, home

Case 04 · Industrial engineering

Pampean

From a site with certificate problems to a complete website, in one day.

Ready to launch
Industrial engineeringBusiness websiteStatic site, no fees
The website's home page: what Pampean does, a finished control console and WhatsApp in view
The website's home page: what they do, real finished equipment and WhatsApp in view.

The case

A website that shows the work.

Context

Pampean, an industrial engineering firm in Santa Fe, Argentina.

Problem

The previous website had certificate problems and showed nothing of their work.

Solution

A five-page website that walks through each job step by step, from cutting the sheet metal to the finished equipment, without naming clients.

Result

1 day to design and code the full website. Zero JavaScript and all text at AA contrast.

Scope and quality

A website that doesn't go down or charge fees.

Jobs step by step

Each job as a fabrication sequence, with their own photos.

WhatsApp on every page

With a pre-filled message: inquiries arrive already sorted.

Backup contact form

With anti-bot protection, no server or database.

Cookieless analytics

Which page brings inquiries, with no consent banner.

Static site

No content manager, no fees.

Unified brand

Vectorized logo and a design system.

Emergency landing page

Back online without touching email.

Quality

AA contrast on all text.

At least 5.70:1; 44 of 44 images with alt text.

Pixel-by-pixel comparison.

8 errors caught against the design, plus 9 QA fixes.

No figure without backing.

The build won't publish an unconfirmed number.

How it was built

Design and code, the same day.

  1. 14 Sep Brand and design system
  2. 14 Sep 18 designs, at 1,440 and 390 px
  3. 14 Sep Code in 7 commits
  4. 15 Sep Ready to launch

Walkthrough

From a WhatsApp link to an inquiry, in five steps.

  1. Home on a phone with what Pampean does and the WhatsApp button at the top
    01 Arrives from WhatsApp

    What they do and the button, up top.

  2. Pampean's five capabilities, one per block
    02 Capabilities

    Five disciplines, one point of contact.

  3. A job told step by step, from cut sheet metal to the welded frame
    03 A job

    Step by step, with their own photos.

  4. A service in detail, Electronics and control, with what it includes
    04 Services

    Each discipline in detail.

  5. The end of the page with the WhatsApp button and the site footer
    05 Inquiry

    Via WhatsApp, in one tap.

Gallery

One page per customer question.

Next step

Tell me how your company works.

The first step is an Operations X-ray: a process map, prioritized pain points and a closed scope.