S.T.Crown
Two factories, one navigation
An engineering company with two production lines — cutting tools and heat-treatment equipment. One site where a process engineer finds a solution by task, not by model number.
- Scope
- Information architecture · Design · Development
- Stack
- Next.jsTypeScriptReactMotionVercel
The brief
The company runs two production lines, two catalogues and one shared customer: the factory floor. Splitting them across two sites would have hidden half the offer on every visit. What was needed was a structure where the visitor states the problem first — material, section, temperature, throughput — and only then meets the equipment.
The build
- Multi-level mega-menu
- Ten-category catalogue
- Coverage map
- Four enquiry scenarios
- Technical expert centre
- Human-readable sitemap
- 01
A mega-menu built around the job to be done — cutting, heat treatment, engineering, retrofit, spares — rather than around the company's org chart.
- 02
A ten-category catalogue with technical specifications, temperature ranges, and a route into an enquiry from every card.
- 03
Eleven served industries, each with its own entry point into the catalogue — from aerospace to metallurgy.
- 04
An engineering and service section that walks the client from problem analysis through to post-warranty support.
- 05
Four distinct forms for four scenarios: discuss a project, select equipment, request the catalogue, or file a service request with serial number and urgency.
- 06
An expert centre of technical write-ups — the kind of material that brings engineers in from search and keeps them reading.
The full page
Mobile
The client never has to learn how the company is organised: they arrive with a problem and leave with a specific machine and a filled-in enquiry.
ЭкΩтерм
Manufacturer of heating elements and heat-treatment furnaces