Empire Metal Products Website Case Study

Four key screens: homepage, about, services, and the resources hub that turns the site into something crews can actually use.

Web Design UX Content Performance Resources Hub

Overview

A fabrication shop website built to be useful the moment somebody lands on it, whether they are pricing work, checking capability, or looking for a form from the field.

Most shop websites are built like brochures. This one is built like a tool. The goal was simple: show real work immediately, make the next step obvious, and give contractors what they need without forcing them to call the shop for every small thing.

The site leads with proof: actual projects, real capabilities, and clear service pages for HVAC sheet metal, curbs and adapters, custom fabrication, and delivery. Instead of filler, each section is written to answer the questions contractors and estimators already show up with.

The biggest shift is the Resources hub. Instead of hiding forms and tools or forcing back-and-forth with the counter, it gives contractors direct access to the documents and calculators they actually use. That moves the site from marketing collateral into actual workflow support.

Problem

Typical shop sites hide real work and make people call for information they should be able to get themselves.

Solution

Lead with proof, remove friction, and make the site useful enough that crews can rely on it from the field.

This is not a brochure site. It is a working extension of the shop floor and the front counter.

At a Glance

Client

Empire Metal Products

Role

Design · UX · Copy · Build

Stack

HTML/CSS/JS · JSON-LD · Formspree

Focus

Speed · clarity · self-serve resources

Audience

Contractors · estimators · field crews · facility buyers

URL

empiremetalproducts.com ↗

Why It Matters

For a fabrication shop, the website does more than sit there and look professional. It shapes trust before the first phone call. If the site feels thin, messy, or vague, that uncertainty carries over into how people judge the company.

A stronger site fixes that fast. It shows capability, answers basic questions, and gives buyers and crews a cleaner path from interest to action.

What Changed

Real project proof moved up front so visitors see the work before they read claims.
Service pages were tightened around what the shop actually builds and how customers think about it.
The resources area turned scattered documents into a clean self-serve section.
Mobile readability and page speed were treated like core requirements, not cleanup work.

What The Screens Show

Homepage

The homepage sets the tone fast: confidence, proof, and a clean path into services and quote requests. It feels more like a capable company than a generic local business template.

About

The about section gives the company a clearer backbone. Instead of filler, it explains standards, scale, and why the shop has earned trust over time.

Services

The service cards are simple, visual, and direct. Each one tells the visitor what Empire does and gives them a next move without forcing them to hunt.

Resources

This is the strongest functional section on the site. Order forms, submittals, and online tools are grouped in a way that saves time for contractors and reduces unnecessary back-and-forth.

What I Built Into It

Real-Work First

The site does not try to sound impressive before it proves anything. It shows real jobs, real categories of work, and the kind of fabrication customers are actually trying to source.

Field-First UX

Big tap targets, clean hierarchy, obvious actions, and readable layouts. It is built to work from a phone in the field, not just from a desktop in an office.

Resources Hub

Instead of making people call the shop for routine documents and references, the site gives them a better path. That saves time for both the customer and the counter.

Stronger Positioning

The tone is direct and capable without sounding inflated. That matters in fabrication. People want confidence, clarity, and proof that the shop knows what it is doing.

My Take

Shops do not need fancy language. They need clarity, proof, and a site that makes the next step obvious. This project works because it respects how people actually buy from a fabrication shop.

Show the work early.
Keep the copy direct.
Make forms, resources, and contact paths easy to find.

What I'd Do Next

Add more service-page case studies with tighter photo sets and short job writeups.
Expand the resources section with more calculators and shop-useful references.
Build a lightweight update flow so new jobs and galleries can be added faster.
Track what pages people use most, then keep sharpening those first.

Project Outcome

The result is a site that feels more capable, more honest, and more useful than the average fabrication shop website. It does not just claim the company does good work. It shows it, supports it, and helps people act on it.

That is the real win here - better presentation, less friction, and a site that earns its place instead of just existing.

Need something like this?

Let's build a clean, fast site that actually gets used.

I design for the field - clear paths to action, real-work proof, and tools your team will actually use. If you are a shop, contractor, or small manufacturer, I can help.

See the live site ↗ Start a project

Contact

Tell me what you're building, fixing, or trying to figure out. I'll read it and get back to you.