PCL Construction

Konrad collaborated with PCL to rebuild their entire website back in 2020. Since then, Konrad has continuously updated their website as needed. For this phase, we were tasked with adding gated content forms for PCL’s potential clients.

Overview

My Role

UX Designer

UI Designer

UX Writer

Tools

Figma

Jira & Confluence

Zoom & Google Meet

The Team

1x Product Manager

1x Consultant

1x UX Designer

Contributions

Gated Content Forms

Canadian Site Adaptation

Secondary Color Palettes

 

Who is PCL Construction?

From small renovations to complex billion dollar projects; from sports arenas to water treatment plants and petrochemical facilities, PCL has you covered. 

They redefine full-service and bring expertise across all project types, at all scales and under all procurement models. As innovative solution providers and construction specialists, they leverage their expertise to customize the right approach for projects to exceed expectations. 

View the website: PCL.com

The Problem

For potential and current clients, PCL would like to provide them with specific content through their website. Currently there is no way to access this content. How can we provide access to certain material for future and existing clients?

The Solution

Our solution is to add several experiences on their website that provide access to PCL’s material. Through gated content forms, certain information will be needed to access specific content. This includes soft, hard, and fully gated forms.

Gated Content Form | Soft Gate

For the Soft Gate, a user is looking to gain access to a restricted report. In this experience, the required email field will determine if the user is allowed access to this content or not. By requiring less information from a user, this creates less drop off and more traffic for PCL.

Gated Content Form | Hard Gate

For the Hard Gate, a user is looking to access a restricted report to make a decision about working with PCL. We’ve created a form with multiple required fields to gain more information about the prospective client. Once the required information is entered, the user will reach a success state or be prompted to contact PCL.

Gated Content Form | Full Gate

For Fully Gated content, the user will land on an article or report. To engage the user, they are able to view the first few lines of the content, but it will begins to fade within the first two sentences. We’ve included required fields here similar to the Hard Gate to determine if they have permission to view this content. Similar to Hard Gate, this is done through the user name, email, and company they work for.

Secondary Palettes

While working with PCL, I also developed a secondary color palette for the client’s joint ventures. Each color palette is based off of the clients requirements and goals. This included 4 alternate color palettes that can be used throughout their other brands.

View the Website | PCL.com

View more projects

AutoZone | Point of Sale

Build-A-Bear | NFT Microsite

Hello Go | E-commerce

Kia | NFT Microsite