Skip to content

GP Construction

  • WordPress
  • Redesign
  • UI/UX
  • SEO
  • Construction
GP Construction: the site's home page on a laptop resting on a porcelain tile floor

General Property Construction is a Florida general contractor that installs flooring in commercial and residential buildings. Its site had text-only pages and an old portfolio.

The client asked for its services to appear on the screens that used to hold nothing but plain text. The site is still live at gpconstructionco.com.

Month on the project
1
Pages
6
Client types in Services
6
GP's 2024 home page on a laptop in cold light

The problem

A niche brand with plenty of room to grow online and no investment in its channels.

The old structure worked, but the pages had almost no text, photos or video. The materials the company installs never showed up on the home page and got lost inside Services. The pages didn't link to each other either. The team had nowhere to show its work, and anyone looking for a service had a hard time finding it.

GP's home page and Services page on a monitor and a laptop

The home page shows what the company installs.

Materials and client types come before the portfolio.

What I did

  1. 01

    Key visual

    I updated the brand's key visual and wrote the site brief.

  2. 02

    Home and Services

    I designed the home page and the Services page in Figma.

  3. 03

    Portfolio

    I built the Portfolio around recent projects and filled Services with the six client types.

  4. 04

    WordPress

    I built the site on WordPress with HTML, CSS and JavaScript.

  5. 05

    SEO

    I ran an SEO audit across the whole site.

GP Construction's full home page

The full home page, hero to footer.

Materials, client types, company video, projects, a review and the brands it works with.

GP on mobile: home, services and portfolio

The site on a phone.

Home, Services and Portfolio in a single column.

Details: materials carousel, client-type cards and featured projects

Detail at component scale.

Materials carousel · Client-type cards · Featured projects

Visual system

Primary blue

#1E355E

Background

#FFFFFF

Accent

#F05423

Typefaces

Archivo Bold

Headlines

Inter

Body

Decisions

  1. The home page with the materials carousel and real flooring samples in front

    UX / Content

    Flooring materials on the home page

    I moved the materials onto the home page, in a carousel with Tile, Hardwood, Carpet Tile and more. They used to sit unnoticed inside Services. I wanted visitors to see on the first screen that the company does what they need.

  2. GP's Portfolio on a monitor and a phone

    Content

    A portfolio that stays current

    I added the new projects, such as Nova Cafeterie, Regency Parc and Venetto Las Olas, with large photos and their names. The portfolio was out of date. I wanted the site to show the company's latest work.

  3. The 2024 home page and the current one on two laptops

    UI / Visual system

    Same structure, new face

    I kept the old site's structure and style. The structure worked; the content and design were what had aged. I put the change into how each page looks and what it says.

Takeaway

  1. A client open to change

    A site with room to grow improves fast when the client is open to change.

Next project

Navx Studio
  • Branding
  • WordPress
  • Automation