Performance Contracting, Inc. (PCI) is among the nation’s leading specialty contractors providing nearly thirty diverse trades to the industrial, commercial, and non-residential markets. With over 60 branch offices nationwide—employing over 7,000 highly skilled individuals—PCI has its hands in more than 15,000 complex construction projects each and every year.

cs-pci-logos

To understand this project and our ongoing relationship with PCI, we should back up a bit. PCI (and its parent company, Performance Contracting Group) is comprised of nearly ten divisions, each with dozens of its own affiliate companies and specialty services. These affiliates, ranging from insulation and fire protection to abatement and cleanroom, each had its own website to market services and put people in contact with the nearest general manager.

This is where Gravitate comes in…

We built (and continue to optimize) a single, incredibly robust website that elegantly supports and markets a wide range of services, directs users to relevant points of contact, and showcases not only industry expertise, but also PCI’s dedication to their customers and employees.

To kick things off…

With so many affiliate companies and service offerings—each with their own stakeholders accustomed to defining their own priorities and managing their own websites—it was important for everyone to get in the same room to kick the project off on the right foot. Our team flew out to PCI’s corporate headquarters for a two-day discovery workshop. The meetings armed us with industry background and business structure while also giving the client insight into current digital inefficiencies. By the second day we started collaborative exercises and whiteboarding sessions to begin to brainstorm site structure, on-page content, and a wishlist of features.

pci-userflows-1024x636

Our Approach

Let’s talk about how we structured PCI to engage a range of audience types with varied needs and patience levels. Equipped with the knowledge gained throughout discovery, the metrics from the current website, and interviews with PCI leadership and partners, we started by building detailed personas. Each persona is verified and used as a starting point for userflows as we draft and test our ideas for the sitemap, on-page content priority, and a handful of unique, interactive elements that tie everything together.

How do you make it easy to use?

To begin to unpack the density of PCI’s offerings and how we prepared users to navigate and interact with the website, knowing the scale of what PCI wanted to accomplish is a good place to start. Merging all the websites resulted in hundreds of pages of detailed information which expanded on offerings, industries, and past projects. We worked to create an interconnected content system. Essentially, related content dynamically populates on key points within users’ journey allowing savvy users to intuitively explore, while also holding the hands of more hesitant users through relevant offerings, projects, markets, and—ultimately—branch and contact information.

  • 40+ Service pages
  • 30+ Market landing pages
  • 60+ Branch office pages
  • 100+ Project featured
pci-crosslink-1024x814

Showcase relevant content at the right time

With such a diverse range of offerings and locations—and the sheer amount of content scattered throughout a network of websites—it was crucial to establish a UX strategy that would leverage PCI’s current content and tactfully present related project details, contact information, and related markets and offerings. So, when potential customers are searching for bids on a service, they don’t have to dig around for differentiators, related projects and markets, or branch information.

pci-contact-1024x909

National site, local contacts

One of the primary benefits of merging dozens of disparate sub-PCI websites is streamlining the contact experience. Previously, potential customers would reach out to national representatives and have to endure a web of reroutes to eventually speak with their local branch manager. Now, using geolocation tracking we can populate information based on the user’s location for every industrial and commercial construction service page. Not only that, but we also built a highly-interactive map to allow users to drill into branches by region. Users are even able to access individual branch pages where they can find information on past projects, specialty service areas, and related markets.

pci-careers-1024x650

Attract job seekers

Regardless of whether potential employees connect through job sites, recruiters, referral programs, or local events—they all funnel through a website’s Career and About pages eventually. For PCI, getting to the bottom of what makes the company incredible to work for was easy. The challenge surfaced when we began to catalog the sheer breadth of content PCI already had available that speaks to its culture, values, and current employees—all with varying messages for management, trade professionals, and even interns. Through several interactive blocks and some elegant anchor links, we were able to build long, engaging pages that took potential employees on a journey through PCI’s value, yet always allowed the user to jump around and apply for a position at any time. Combine this on-page experience with a seamless recruiting tool integration and not only are job seekers supported but a heavy burden is lifted from PCI’s internal recruiting department.

Pay attention to the admin experience

We’ve been talking a lot about how PCI’s potential audiences will interact with the website on the frontend, but it’s important to not forget how PCI will manage the website on the backend for years to come. All of the same challenges that applied to building that front-facing site also apply to their marketing team, who operate from all over the country.

As with all our WordPress builds, we like to say one thing: The backend user experience matters, too. We take the time to consider how PCI will be running the site to reduce the strain of adding/editing content, avoid double-entry, and generally setup an intuitive taxonomy and flow that requires minimal effort to manage and update.

Results & Ongoing Optimization

To boil it all down, PCI is great to work with. From the beginning, we’ve felt welcomed and collaborated as a single team, rather than as client and agency. The website’s success is a direct testament to our relationship with PCI’s team and we’re excited to continue to optimize branch pages for local SEO, A/B test underperforming content, and perform quarterly security updates.

Our Thoughts

Colleen Pyle headshot

What I love about this redesign project is that it all boils down to relationships: beneath the site, the network that serves up branches, services, industries, and geographically relevant content is built off a complex web of relationships. From a site management experience, it was important that this complexity was handled before it interfaced with the administrative panel, and I'm proud of the success the development team had collaborating to set up the framework. PCI's approach to relationships, both in-house to employees and externally with their customers, is visually embodied throughout the design and is strongly indicative of their core values. The Gravitate team continually felt PCI’s passion for quality throughout the project and are delighted to continue the relationship for years to come.

Colleen Pyle, VP of Client Experience

We have multiple touchpoints throughout the research and strategy phase to ensure the design is heading in the right direction but in this case, we were just a little off on our first try. Armed with some great feedback and some additional inspiration we took another shot at it and came back with a design both teams were delighted with. The end result is a beautifully simple aesthetic that really lets the content and the bold photography shine.

Jason Lance, Creative Director

Re-thinking PCI’s website was both a challenge and a great experience. We faced difficulty keeping data synchronized between services, projects, markets, and branches. Special care was taken to ensure a smooth and painless experience while updating associated data between the different content types. The result is a solution that deftly manages a considerable amount of content, ultimately delivering customers where they need to be on the new website.

Will Ashworth, Development Team Lead