Construction Company Website

The Brief

A construction firm with over 20 years of completed work across multiple sectors and no website to represent any of it. The brief was to design a landing page that could introduce the firm, establish credibility, demonstrate the range and scale of their work, communicate their values, and give potential recruits a reason to get in touch.

That is a significant amount of ground for a single page to cover. The design challenge was sequencing it so the page felt purposeful rather than exhaustive.

Research

I ran a competitor audit of construction firm websites locally and internationally. The findings were consistent: brochure-style layouts, service lists, a project gallery, and a contact form. The visual standard was low and differentiation was rare.

The audit shaped the approach in two ways. First, it confirmed there was genuine room to stand out visually without overreaching. Second, it revealed that most competitors buried their strongest proof points, years of experience, project numbers, client counts, behind copy that asked visitors to read before they had decided to trust. The firms that read as most credible led with numbers.

Design Process

The landing page was structured around eleven sections: a hero and intro, a 20+ years experience statement, services with custom icons and photography, a why choose section, project and client statistics, sustainability goals, recent projects by sector, the director board, a join the team CTA, and latest news.

The sequencing followed a logic: establish who we are, prove scale, show the work, explain what we stand for, and invite the right people to take action. Each section had a defined job, and the visual weight was calibrated to match the priority of each.

Custom icons were designed for the services section. The brief called for something distinct rather than generic, and icons tied to photography gave each service a visual anchor that a text list couldn’t provide.

The project portfolio was organised by sector rather than chronologically. This was a structural decision driven by how procurement officers actually evaluate firms. They are not looking for what was built most recently. They are looking for evidence of relevant experience, and sector categorisation surfaces that evidence directly.

The director board and sustainability sections were treated as full sections rather than condensed footnotes. The client had genuine values in both areas, and reducing them to a small block of text would have undercut the credibility they were meant to build.

Key Decisions

The decision to open with a concrete experience figure rather than a mission statement was deliberate. Twenty-plus years in operation is evidence. A mission statement is a claim. For a procurement officer assessing a firm they haven’t worked with before, evidence carries more weight faster.

The join the team CTA was placed late in the page rather than in the navigation only. A visitor who has read through the firm’s projects, values, and leadership and is still engaged is already a warmer candidate than someone who clicks a careers link from the top. Placing the recruitment prompt at that point in the journey was a conscious choice about timing.

What I’d Do Differently

I didn’t design for mobile. For a site with eleven sections and significant visual complexity, mobile layout decisions matter enormously. The section sequencing, the icon grid, the project portfolio structure: all of these needed their own mobile treatment, and leaving that to be figured out at the build stage would have produced inconsistent results.

I also had no direct access to the client. Everything I understood about the firm’s priorities, the weight they placed on sustainability, how they talked about their own team, came through the agency. A conversation with the directors about how they actually wanted the firm to be perceived would have informed the tone of several sections more accurately than a brief could.

And in hindsight, I would have pushed to design at least the project detail and services inner pages alongside the landing. The landing promised a depth of content that the design didn’t follow through on because those pages were out of scope.