spareex.com
- Released
- 2026
- Role
- Front end & back end
- Client
- Spareex
- Type
- Full-stack
Spareex supplies premium spare parts for heavy equipment — the machines that mining and construction companies cannot afford to leave standing. Their buyer is a procurement or maintenance manager with a machine down and a deadline, so the site has to answer what they carry, where they source from and how fast, without a sales call.
The brief
Industrial suppliers usually publish a catalogue and a phone number, and lose the customer to whoever answers first. The material here is dry by nature — part categories, sourcing regions, logistics — and there is a lot of it.
The job was to keep that volume readable. Long sections of text and lists are exactly what a manager under time pressure skips, so the structure had to let them take one thing at a time and still reach the whole picture.
What I built
I built the front end and the back end. Products, categories, markets and services are typed content, so the catalogue grows in the editor rather than through a developer, and the same records feed both the product pages and the summaries on the home page.
The heavier sections are compressed by interface rather than by cutting content: the positioning section is an accordion, so vision, mission and partners occupy one screen instead of three, and the sourcing story is a map that shows the reach at a glance before any of it has to be read.
Three positions, one screen
Vision, mission and partners are an accordion rather than three stacked blocks. The reader opens the one they care about and the section never grows past a single screen — which is the difference between being read and being scrolled past.
The about section assembles as you reach it
Copy and figures arrive in sequence instead of appearing as a finished slab. On a page this text-heavy, the ordering is what tells the reader where to start.
Sourcing reach, shown before it is read
The sourcing story is a map with the supply regions marked on it. A procurement manager sees the reach in a second and only then reads the detail — which is the correct order for this audience.
