Outeniqua Fabrication Co.
Steel fabrication & engineering — George, Western Cape
Industrial / trade services. Steel fabrication and engineering, serving agriculture, construction, mining, marine and manufacturing clients around George.
Trade and industrial businesses are some of the most underserved by web design — most end up with a stock-photo template of a generic factory that says nothing about actual capability. The brief: prove a fabrication shop can look as considered as a design studio without losing the spec-sheet directness the actual buyers in this sector expect and trust.
The densest of the three concept projects on purpose. Tighter grid, mono-labelled capability and material data standing in for the imagery-heavy approach used elsewhere, and ochre reserved here for exactly what the token system says it's for — stats and mono labels, doing real information work rather than decoration.
The same three faces, but the balance shifts: mono carries real weight here (capability specs, tolerances, material tables) rather than staying confined to eyebrows and labels. Bricolage Grotesque headlines stay short and blunt rather than long editorial lines.
A capability grid presented like a spec sheet — two columns, hairline rules, mono values — followed by material and sector data in the same directness. Photography is used sparingly and functionally: tools, a technical drawing, a warehouse, not aspirational lifestyle shots.
The capability grid collapses to a single column; sector tags wrap onto multiple lines rather than trying to compress. Nothing about the data density is hidden on mobile — trade buyers checking a fabrication shop's capabilities from a job site need the same information small.
Kept minimal and functional, matching the audience — reveal-on-scroll only, no hover-heavy flourishes competing with the data for attention.
Real Next.js route (/concepts/02), same shared token system, real Unsplash photography (logged in HANDOVER.md, including one candidate image rejected during review for not actually being steel/metal work). Screenshotted and scroll-recorded via the same Playwright pipeline used for all three concepts.