Corporate
Construction Corporate Site
Overview
A mid-size construction firm needed a website that could showcase large-scale project work and attract both commercial developers and public-sector procurement officers — audiences that care about capability, track record, and reliability above all else.
The Challenge
The client had an extensive project portfolio but no coherent way to present it. The brief was to create a structure that could scale with the business while remaining maintainable by a non-technical team.
Pain Points
- 01
Unstructured, unscalable portfolio
The client had years of completed projects but no coherent way to present them. Without structure, the volume of work became a liability rather than an asset.
- 02
Non-technical team, no developer on staff
The site needed to be fully maintainable internally. A solution that required developer involvement for routine updates wasn't viable.
- 03
Generic construction-site aesthetic
Most firms in the sector used the same brochure-style layouts — heavy on stock imagery, light on confidence. Blending in would undermine the strength of the actual project work.
Solutions
- 01
Categorised project system with consistent templates
Projects were structured by type and scale with a custom WordPress template ensuring every entry is presented consistently, regardless of who adds it.
- 02
Custom Gutenberg blocks for key content patterns
Project cards, stats rows, and team profiles were built as reusable blocks — giving the internal team full editorial control without exposing the underlying theme.
- 03
Editorial visual language
Full-bleed project photography, bold section titles, and a dark structured palette replaced the brochure aesthetic — letting the scale of the work carry the page.
Process
Information Architecture
The first task was making sense of a large and varied project portfolio. Projects were categorised by type (commercial, infrastructure, residential) and scale, with a filtering system that lets visitors find relevant work quickly.
A custom project template was built in WordPress to ensure consistent presentation regardless of how the content team adds new entries.
Visual Language
Construction sites often look like brochures. The goal here was something more editorial — heavy use of full-bleed project photography, bold section titles, and a grid that lets the work breathe.
The colour system uses a dark, structured palette as a foundation with a strong accent to guide attention. It reads as professional and capable without looking generic.
WordPress Build
The theme was built with maintainability as a core constraint. The client team needed to be able to add projects, update team bios, and edit page copy without touching any code.
Custom Gutenberg blocks were created for the key content patterns: project cards, stats rows, and team profiles. Everything else uses native WordPress functionality.
Wireframes
Gallery
Outcome
A structured, content-managed WordPress site that the internal team can update without developer support — and that has since been used as a credential in multiple successful tender submissions.
Next Project
Agency Advertising Site
