Product catalogue
Useful detail, not a wall of product names.
Individual product pages combine the steel section image, explanatory copy, dimensional data, section notation and an immediate route to quote the exact size.
Case study / 01
Structural
Steels.
A commercial website built around a real product catalogue, technical steel data and a quote journey that lets customers collect multiple items before sending an enquiry.
ProjectCompany website
FocusCatalogue + quoting
WorkDesign + development
ApproachPractical, industrial, direct
The brief
Turn a technical product range into something customers can actually use.
Structural steel buyers often arrive knowing roughly what they need. The site therefore had to do more than present the company: it needed clear product groups, individual size information, technical specifications and an obvious route into requesting a quote.
The result keeps the visual language strong and industrial, while the underlying structure stays deliberately straightforward. Customers can move from the main product range into a specific section, review dimensions and add exact sizes to a quote list without losing context.
Quote workflow
Build the enquiry before you send it.
The quote page carries multiple selected products forward with lengths, quantities and fabrication notes, then combines that list with the customer and project details in one enquiry.
Service journey
Products are only half the story.
Fabrication pages explain capabilities, process and next actions without drifting away from the same commercial path.
What the build demonstrates
Less brochure.
More working tool.
Structured catalogue
Product families and exact sizes are separated cleanly, with technical data where it is actually useful.
Quote state
Customers can collect more than one product and carry quantities, lengths and notes into the final enquiry.
Drawing-led enquiries
The wider journey makes room for customers who arrive with project details or drawings rather than a simple stock request.
Commercial content
Products, fabrication and installation all point toward a clear next action instead of behaving like disconnected brochure pages.
The outcome
A trade website that behaves like part of the sales process.
The strongest part of the project is the connection between content and function: customers can browse the steel range, understand a specific section, assemble a quote list and send the information the estimating team actually needs.
Back to work ↗