Roofing website design
Reputable Roofing is a contractor based in Surrey. The company installs and repairs roofs across the county for a domestic customer base.
The business didn’t have a roofing website, but wanted one to promote their company in a competitive industry. Reputable Roofing sought a website that would stand out, allow them to show samples of their work and would drive prospective clients to contact them.
Project Overview:
To design and build a roofing website that would stand out in a competitive market place, show project case studies and push customer contact.
Services Provided:
- WordPress web design and development
- Website hosting
- Branding
- Logo design

Bespoke WordPress roofing website
The solution produced a roofing website that incorporated several factors to achieve the effect that Reputable required.
Firstly, we used Reputable Roofing’s brand colours to catch the eye. The orange and dark gold were complimented by the addition of a deep teal. These colours not only made the pages of their roofing website stand out, but also communicated the services that they offered.
Secondly, the use of the triangular shaped roof. We set this up just below the header to lift the three main offerings. The triangle roof shape was then inverted to lead the prospective customer down the page to the contact section.
Finally, we built in distinct sections for the services they offered, case studies and the areas of Surrey that they covered. Each section therefore stood out and made it easy for the potential client to get the information that they needed.
Building the whole project with a custom WordPress web design allowed us to consequently achieve the roofing website that the business wanted.

UI/UX
A clean user interface (UI) was designed to make the website stand out. A key objective that the company wanted from their finished roofing website design. The colour palette, large images and use of section bands all helped to achieve a professional finish.
The user interface was complimented by a good user experience (UX). A bold header banner was used with easy navigation. Reputable Roofing wanted a sticky header so that it would track down the page and keep the menu navigation on screen. Therefore, we incorporated the feature in to their roofing website design as well.
The use of different coloured bands allowed us to afford a separate section to each of the company’s objectives for their roofing website. We could therefore show off the services, geographical area covered and project case studies.
The case studies section thus allowed the company to showcase some of their project work and the processes behind it.

Service pages
We built a number of pages to show the services offered by Reputable Roofing. We also incorporated the triangular house roof shape in to these as well. The page was set up with a house roof header, which was then inverted to lead the prospective client to the contact section in the footer.

SEO
With a great number of firms opting for a self-made roofing website, there is a real opportunity for a properly optimised site to do well.
We build Search Engine Optimisation (SEO) in to all of our website designs as standard. Therefore, we were able to give Reputable Roofing a real boost for their chosen search terms in Google.
Local SEO can be a powerful tool when used correctly. As a result, the company’s roofing website was up on the first page of search much quicker than what we usually see in other industries.
Reputable Roofing logo design
The company were so happy with their new roofing website that they subsequently asked us to provide them with a new logo design to match.
We were happy to oblige and consequently created three designs for Reputable Roofing to consider. The final logo design chosen by the company saw the triangular roof shape house the brand name.

WordPress CMS
Building this roofing website on the WordPress content management system (CMS) afforded the client a great deal of versatility.
Once the Reputable Roofing website had been built, the company could add their own case studies and also any new pages as they saw fit. A great example of the flexibility of using a professional WordPress website design.
Project results:
Professional roofing website design built on the WordPress CMS.
SEO increased Google organic search visitors to the website.
Increase in prospective client contacts for roofing quotes.