A premium industrial site that reads like a working shop
Next.js 16 rebuild with real equipment photography and a quote pipeline wired to the shop.
757 Welding covers structural, marine, and pipeline work across the Hampton Roads region. The rebuild had to drop the stock-welder-in-helmet tropes and show the actual work — cranes, hull plates, pipeline cutouts — at an editorial weight.
What was going on
Industrial services sites tend to compete on price because their marketing flattens everything into "welding." 757's clients are project managers who need to know, in 30 seconds, whether this shop can actually handle their scope.
How I worked it
- 01
Real photography only. Stock welders were banned on day one.
- 02
Scope-first IA. Capabilities lead, company story follows. Project managers don't read About pages.
- 03
Quote-to-shop loop. Form submissions route to the shop + CRM + notification in one hop.
The parts worth naming
- Equipment index
Every tool by capability + tonnage; searchable; schema-marked.
- Project gallery
Editorial; case-by-case; no carousel carnival.
- Quote pipeline
Supabase + Resend + shop notification.
What shipped
Preview deployed on the staging subdomain. Client review scheduled.
- Staging
- next.757weldingfabricationrepair.com
- Scope-based pages
- Structural / Marine / Pipeline / Mobile
- Stock photos used
- Zero
What it was built with
- Next.js 16
- React 19
- Tailwind 4
- Supabase
- Resend
- Cloudflare