Commercial Roofing Company Website Redesign: Case Study

 Dedicated Designs

Nov 23, 2022 | Case Studies, Marketing, Web Design

Watson Companies Inc. came to us knowing they needed a new website. It had been a decade since their website was created and they knew that it was time to catch up to modern times with a website redesign. Watson is an incredible roofing company in the Sacramento, CA area. They are well known in the industry and wanted a website that shows what they feel makes them stand out from their competitors: their personality

The Human Element

The first thing the Dedicated Designs team did was go out to one of their job sites and capture photos of one of their crews working. We wanted clean and up-close photos of the humans that make Watson what it is. Especially for industrial companies, most websites do not focus on the human element of their business even though that is what visitors want to see. Yes, pretty pictures of buildings, landscapes, food, etc. give a sense of what a business does – but marketing is all about psychology, and psychology says that humans want to see other humans. 

The image shown below is a still-capture of an aerial view video that plays on the Home page. While the video is behind text messaging and easy call to action options, it is impactful imagery that tells a story of what Watson Companies Inc. is all about. You can see both the pristine roof and at least two workers in their neon green Watson-branded shirts as they carry out their jobs. 

aerial video with workers

When people are making decisions about which business to give their money and time to, they must be able to see themselves doing business with that specific company. The easiest way to facilitate that is to show other humans on your website. We knew we had to give Watson a human element and these pictures were the first step we took in that direction. 

 

One of the first areas of the website redesign we worked on was the Team page. Continuing with our theme of focusing on the human element of the company because that is how Watson best thought it stood out amongst its peers we built them a very engaging team page. Not only was the design of this page well thought out but the team at Watson had some fun with it in that every person on the team wrote up a little bio and answered a few questions that we then loaded onto their profile. 

showcasing human element

The team page at first glance is very minimal with each person having only their headshot, name and title. However, next to each person is a little button that can be clicked on and it opens up an expanded profile view where users can see a larger picture and read that person’s answers to a list of standardized questions. Watson came up with the questions, and most are fun rather than the standard line of questioning seen on a lot of other company websites. 

 

The Color Connection

The second piece we tackled was the color palette. Watson already had a few shades of dark blue that it wanted to use because the colors were in its logo. However, we needed to broaden the palette a bit to incorporate some colors that would make the brand stand out. 

 

Our creative team along with Watson Companies Inc. decided upon the neon green that you see on the site. It is subtle yet moving and shows that Watson is a modern company – without actually saying it. Plus, it ties into a lot of the photos as the green we chose is the same green that the safety vests the team wears in the pictures our team captured for the website. 

 

One of the biggest mistakes a lot of designers make is not playing off the colors in the images. A lot of websites have images that do not tie into the overall color palette of the site and clash with the site as a user scrolls. The goal is to have the images incorporate a lot of the same accent colors that are used on the website so they do not completely blend into the main colors of the site, but also do not completely stand out.

 

Adding Interest Through Movement

The Dedicated Designs web designers also wanted to give the site some depth so that the background looked like it was literally behind the images and text boxes. We did this through the use of shadows, different textures, and parallax scrolling. You can see on the site how it looks like some of the elements feel like they are stacked.

 

Lastly, Watson roofs large buildings so we wanted the website to match that feel of largeness. The images are large and colorful and focus on a few specific workers to really bring out the human element. Moreover, there are a few images that capture the Sacramento skyline, giving a nod to all of the buildings Watson has roofed, and also giving the site a larger than life feel while also providing depth. 

 

The image below shows a section of the website that uses video, starting with a focus on a few members of the Watson team. As the video pulls out the web visitor sees more and more of the expansive work the Watson crew is accomplishing. Commercial roofing now feels like an exciting undertaking with a team of people who care about the results, rather than an item on the maintenance checklist. 

aerial video large scope

Does Your Business Need a Modern Website Redesign? 

 

If your website is out of date, doesn’t tell the story of your brand well, or simply isn’t functioning as needed our team at Dedicated Designs can work with you to create a modern web design that highlights the best aspects of your business. Contact us today to start your website redesign! 

View Related Posts

10 Best Practices for Website Security

10 Best Practices for Website Security

What is Website Security?    Website security is, in a nutshell, systems and processes that will keep your website secure. It is what protects you and your clients, website visitors, or members from getting hacked or having personal information stolen.    In...

read more
Why You Should be ADA Compliant and How It’s Done

Why You Should be ADA Compliant and How It’s Done

More and more business owners who have websites are asking themselves, “what is ADA website compliance?” The answer to this has yet to be fully defined and agreed upon, but this article provides a background and synopsis of ADA compliance for website accessibility. ...

read more
5 Ways to Market Your Non-Profit at a Minimal Cost

5 Ways to Market Your Non-Profit at a Minimal Cost

Your nonprofit is unique. It has a mission, a vision, and a brand that sets it apart from other organizations. But how do you make sure your organization stands out among the crowd? The answer is simple: marketing. From creating a memorable logo to developing an...

read more
Senior Home Care Leads Using Google Ads: Case Study

Senior Home Care Leads Using Google Ads: Case Study

According to Insider Intelligence, the United States home care market is expected to grow from $100 billion in 2016 to $225 billion by 2024. One of the most efficient ways to generate new leads and grow the number of clients your caregivers serve is to work with a...

read more
The Role of Color Psychology in Branding your Business

The Role of Color Psychology in Branding your Business

Does being out in nature, among trees make you feel calm? Does the color red elicit an excited or maybe, alarmed response? In this article we discuss the role of color psychology and how, as a brand strategy agency, Dedicated Designs uses color theory to evoke...

read more

Looking To Partner with The Top Marketing Agency?

Dedicated Designs can help you grow your online presence effectively! If you are interested in seeing how we can help you or your business, request a consultation! Our team will get connected and see what ways we can serve you best.

Request a Consultation Now

Lower Contact Form - Commercial Roofing Company Website Redesign: Case Study

Services I am Interested In: