GRP Construction — case study

GRP Construction website with a utility bar and navigation above a full-width project slider showing the Hudson Ridge residential tower, and an about section beneath it

At a glance

Type: Corporate website
Role: Website design
Tools: Figma
Tags: ConstructionWebsite Design
Deliverables: Corporate website designHomepage and section system
Services used: Business websites

Overview

Construction companies sell credibility: past projects, the range of work they can take on, and the safety and governance behind it. This website leads with a project slider, then organises the company's story into projects, capabilities, approach, client stories and insights, with routes for enquiries, a brochure request and investor information.

The design alternates dark and light bands and uses a single yellow accent for actions and key labels, so the page has the weight of the industry and its calls to action are easy to find.

Key decisions

Key design decisions

First impression

Lead with a real project

The hero is a full-bleed project slider with location, scale and status, so the first impression is evidence of work rather than a slogan.

Navigation

A utility bar for other audiences

A utility bar with contact details and social links sits above a navigation that includes investor relations and legal and compliance, with a news ticker beneath it. The header serves audiences beyond prospective clients.

Structure

Capabilities as a scannable grid

Residential, commercial, industrial and heavy civil work are four cards, each pairing a location tag with a short description and one clear action.

Rhythm

Alternating light and dark bands

Sections alternate between dark and light backgrounds, tied together by one yellow accent. The page has a clear rhythm and every call to action is easy to find.

Sections

Selected sections

GRP Construction capabilities section with four cards for residential, commercial, industrial and heavy civil work, each with a location tag — Capabilities, as four cards with location tags.

GRP Construction projects section on a dark band, with six project cards showing a photograph, a type label, a location, a short description and an explore button — Projects, as cards with a type, a location and one clear action.

GRP Construction approach section with three numbered principles, followed by a dark band with two client stories — Approach and client stories.

GRP Construction insights section with three article cards, followed by a dark strip with a request-brochure button — Insights, and the brochure request strip.

What shipped

A live homepageProject slider, about, capabilities, projects, approach, client stories, insights, brochure strip, enquiry form with a map, FAQ and a footer with newsletter signup. It is deployed and can be opened from this page.
A reusable section systemCards, bands, a slider, a story ticker and accordions, built to extend to inner pages.