Construction · 2026
US Construction
A full website design and build for a US construction company, from Figma design system to a live, fast Next.js site.
Before and after
Heavy machinery, serious projects, real clients, and a web presence that did not earn the trust any of it deserved.
- BeforeA site that did not match the scale of the work behind itAfterA site that looks like the company best project, built from a real design system
- BeforeSlow to load on a job site phone connectionAfterStatic first rendering with optimised, lazy loaded imagery, fast on a weak signal
- BeforeNothing structured for search to find or rankAfterSemantic headings, per page metadata, clean URLs, and a page per service
The brief
US Construction needed a website that matched the scale of its work: heavy machinery, serious projects, real clients, but its old web presence didn’t earn that trust. The goal was a site that looks like the company’s best project, loads fast on a job-site phone connection, and gives every service a page that can rank.
What we did
We started in Figma with a full design system, type scale, color tokens, and components, so the site could grow without design drift. The visual language borrows from the industry itself: structural grids, load-bearing typography, and photography given room to breathe.
Then we built it in Next.js. Static-first rendering keeps pages fast, images are optimized and lazy-loaded, and the whole site is structured for search: semantic headings, per-page metadata, and clean URLs.
The result
A live production site, not a concept shot. Browse it, resize it, run Lighthouse on it. That’s the standard every Confidency project ships at.
What this project involved
The best case study is the site itself.