Published project

Macro Stainless

Helping specialist buyers find the right stainless steel components

Year
2025
Industry
Industrial Engineering
Scope
Website Design
Timeline
1 month
Archive
9 published artefacts
Macro Stainless responsive website shown across a pattern of mobile devices
01

Starting condition

What needed to change

Engineers and procurement teams often know the specification they need, but not where it sits inside a large catalogue.

Static PDFs and long product lists made it slower to locate a precise part, grade, finish or dimension and limited how much catalogue information search engines could understand. Macro needed a structure that supported detailed product research without forcing specialist buyers into a consumer checkout pattern. It also had to make product data manageable internally, so accuracy and discoverability could improve together as the catalogue developed.

Executive summary

Summary

Business condition
Engineers and procurement teams often know the specification they need, but not where it sits inside a large catalogue.
Organizing decision
Filtering, documentation and enquiry building were designed as parts of the same B2B product journey.
Studio contribution
UX Architecture / Bespoke Catalogue Development / CMS Integration / Technical SEO
What you can inspect
The work, and the decisions behind it.
Selected artefacts

Selected detail from the project.

The sequence moves from the lead expression into interface, content and implementation detail. Every imported image remains available in the complete project archive below.

View the full image set5 more images
Mobile product page for steel, demonstrating effective ecommerce website design.
05Mobile product page for steel, demonstrating effective ecommerce website design.
Responsive web design for a steel company by Vancouver Website Design the region.
06Responsive web design for a steel company by Vancouver Website Design the region.
Macro Stainless homepage UI featuring quality content for website design.
07Macro Stainless homepage UI featuring quality content for website design.
Organised metal profiles and beams, a strong foundation for website design.
08Organised metal profiles and beams, a strong foundation for website design.
Close-up of circuit board pins for precise web development the region.
09Close-up of circuit board pins for precise web development the region.
02

Design response

The organizing idea

Filtering, documentation and enquiry building were designed as parts of the same B2B product journey.

Bespoke catalogue development, CMS integration, UX architecture and technical SEO created an enquiry led experience. Buyers can filter by grade, finish and dimension, open relevant datasheets and collect products for discussion instead of being pushed toward an ecommerce cart. Behind the interface, the custom CMS supports structured product data and document updates, helping the Macro team keep detailed specifications accurate and easier to publish.

03

Published process

How the work moved

Product taxonomy and specialist search language came before page layout.

We studied how technical buyers describe categories such as hygienic fittings and process valves, then used those relationships to organise navigation, filters and CMS fields. The same structure gives search engines clearer product context to index. This groundwork made the catalogue more precise for engineers, more useful during procurement review and more manageable for the team responsible for maintaining specifications and supporting documents.

04

System delivered

01UX Architecture
02Bespoke Catalogue Development
03CMS Integration
04Technical SEO
05

Evidence standard

What we publish

Published work, with its source.

This profile carries the complete published project image set and identifies its source. Commercial results and third-party endorsements appear only when their source and publication status are clear.

Original published case record
Next project

Lana Thai

Bringing customers from local search to direct ordering

Lana Thai restaurant and ordering website presented across three tabletsView case

Working on something similar?

Describe the situation and what you already have in place. I will suggest the smallest sensible next step, which is not always a project.

Discuss a similar projectBack to all work