HAVEN METALWORKS
Metalworking
A powerful digital experience for a modern metalworking company, where industrial craftsmanship and premium web design come together.
Explore live demo
The mood images for this concept project are AI-generated (Kling). They do not show an existing business or building.
The question
What this study explores
Technical companies are often presented online with a few stock photos and a list of services. In this design study we explored how a metalworking company can show its craftsmanship as convincingly as its work: with strong imagery, clear service pages and a quote request that takes technical questions seriously.
Approach
Design decisions
01
Industrial and premium
Dark graphite, steel grey and a sparing orange accent, with large condensed headlines and cinematic photography of welding and structural steel.
02
Services that explain
Welding, steel structures and metalworking each have their own page with methods, applications, benefits and matching projects.
03
From visit to quote
The quote request is within reach on every page. The form asks for the type of work and a project description, with clear error messages.
Features
- Complete bilingual website with its own navigation
- Service pages for welding, structural steel and metalworking
- Project pages with approach and key facts
- Accessible quote form with validation
Technology
- Next.js
- TypeScript
- GSAP ScrollTrigger
- Tailwind CSS
What does this mean for you?
Run a welding, structural steel or metalworking business? This study shows how your website can match the standard of the work you deliver.
Book an introduction
Next step
Ready for a website that truly fits your business?
Tell us where you are and where you want to go. In a no-obligation introduction we'll work out together what your website needs.