Shea Concrete
  • Design
  • UX
  • Search

The Build: Cementing A Brand Identity of Utility Through Clear Information Paths

Precast concrete is one of the most versatile building materials on the market. With seemingly endless applications, all with very specific uses, our friends at Shea Concrete have established their precast catalog as one of the largest and most reputable in all of New England. The Shea website redesign focused on streamlining the user experience so that this massive product catalog was easy to navigate for engineers, homeowners, and contractors alike.

shea-01

No Search Party Necessary

Expediting a construction project starts right here. When a user lands on Shea Concrete’s new site, they are able to find exactly what they are looking for with a single input. There is no need for an engineer to sift through all of the information on the site in order to find the drawings for a catch basin, they can search for and download the drawings without ever leaving the homepage.

shea-02

Steps In The Right Direction

Our focus when designing a new site is always driven by creating a user interface that provides clear paths to information. Navigating a vast product portfolio like Shea’s in the age of mobile devices can pose a major challenge, but as the most vital piece of the site, it was a challenge we met head on. Users are just 2 thumb taps away from any product they’d need, and can return to the full product category or back to the main menu in just one tap. Shea has a lot of products, but there’s no need to flip through a catalog to find them.

shea-03

Robust Data Collection

We made some major structural changes to the way this site is organized. In order to continue to track user interaction with individual pieces of content, we came up with a unique solution. Using Google Analytics and Google Tag Manager we are able to track each section as its own "virtual page". We simplified the experience for the user while keeping all of the data.

  • shea-slide2
  • shea-slide3
  • shea-slide4
  • shea-slide5
  • shea-slide1

Like what you see? Let’s Talk.