Common trends in contractor website design include minimalist designs with natural colors, high-quality images showcasing past projects, client testimonials, and an emphasis on the services offered. A responsive design, contact information, CTA buttons, and user-friendly navigation are key features that should not be missed.
To help you develop a contractor site that helps your business stand out, we rounded up 5 contractor websites that are getting it right and reviewed what makes them great and what can be improved. Also, have a look at our contractor logo examples for branding inspiration before creating your website with our contractor AI website builder.
Zarla checks that sites meet basic web standards for mobile and desktop. We also use Google's PageSpeed Insights, and WAVE, a service that evaluates accessibility for individuals with disabilities. PageSpeed scores and accessibility are important factors for search engine rankings. PageSpeed scores may not match user experience and can vary substantially.
https://www.betterbuilders.com
Seattle, Washington, U.S.
Better Builders is a Seattle-based contracting firm that manages new construction and residential remodeling projects across the city and surrounding areas. The website's color palette aligns well and consistently with the company's logo, reinforcing the company's brand identity.
The website lays out all the essential information potential clients may look for in an attractive, modern format across several pages, interspersed with video clips and high-quality images that showcase the company's work. A prominent CTA button and search functionality contribute to a positive user experience.
The website features good branding and a prominent CTA button and search function. A gallery of past projects showcases their work, and users can find resources and case studies to guide their decision-making process. Reviews, certifications, and an A+ Better Business Bureau rating aid credibility.
The site does not have interactive elements to encourage user engagement. WAVE picked up a multitude of issues, including empty links and more than 30 incidents of low contrast between text and background.
The desktop site greets visitors with an image of a modern home with an overlay designed to reassure visitors that they have found a top-notch contractor serving the Seattle area. It further mentions the creation of beautiful and functional spaces, clearly presenting the company's specialty skill with a CTA button to motivate visitors to contact Better Builders.
The mobile site resizes adequately to smaller screens, albeit with occasional variances in spacing. The site retains the prominent CTA button and the navigation menu is easily accessible via the hamburger icon; however, these elements do not float on the mobile site, making navigation less intuitive than on the desktop version. The mobile site has a Google PageSpeed Insights performance score of 43/100.
https://www.truecontractors.ca/
Toronto, Ontario, Canada
True Contractors is a Canadian construction contractor based in Toronto. They offer both residential and commercial contracting services, including new construction and remodeling. Their website has a simple, functional design incorporating key elements, such as an overview of their services, client testimonials, contact details, and past projects.
The website has a clean, simple design and features credibility-boosting client testimonials toward the bottom of the home page. There is also a live chat feature for quick user assistance. Aside from a few contrast errors, the site performed well on WAVE.
The testimonials are easily missed and should preferably be featured on a dedicated page. The page featuring past projects is underwhelming as the images are missing an accompanying text detailing each project.
The desktop site has a fast loading speed, reflected in its decent performance score of 86/100 on Google's PageSpeed Insights test. The CTA button toward the right end of the navigation bar stands out well against the dark background. While the headings of the site content have a good size, the body copy is rather small, making it less accessible for users with low vision.
The site adjusts adequately to smaller screen sizes and remains functional. While it does not feature the CTA button the desktop site has in the top menu, it does have the live chat feature for easy user assistance.
The text-based sections of the website appear overwhelming on a smaller screen and could benefit from other visual elements to break up the text blocks. The mobile site had a lower performance score of 41/100 on Google's PageSpeed Insights test.
Portland, Oregon, U.S.
Hammer & Hand is a Portland-based general contractor with its origins in historic home remodeling when it started in 1995. Their website uses an unusually dark theme that works well to convey solidity and gravitas, aligning with the contractor's focus on strength and durability.
The website features plenty of high-quality color images, lifting the somber tone of the theme and providing visitors with a great showroom experience of Hammer & Hand's capabilities. The site's content is neatly arranged across several pages, including a press, an awards and affiliations, and a reviews page.
The site's team profiles add a personal touch. Awards and reviews encourage trust. The FAQs section provides helpful information to potential clients, while blog posts and videos offer more insight into the company's team member's profiles, projects, and ideas.
WAVE flagged several errors related to image alternative text, which may impact accessibility. On some images, the white text overlay does not stand out well, impeding legibility. The site is missing a prominently displayed contact number at the top of the page, and users have to scroll to the bottom to find details.
The desktop site has a pleasantly simple layout that is not at all text-heavy. However, the images are rather dark, giving it a somewhat subdued effect. The multitude of images may also affect the site's loading speed, which Google's PageSpeed Insights performance test assessed to be at a low 36/100 for the desktop site.
On the home page, there is a clear CTA button encouraging visitors to go ahead with their planned remodel or construction project, but not one with a phone number for easy reference.
While the mobile site is similarly intuitive to navigate as the desktop version, the opened menu panel displays submenus as well, which can make it feel like a more lengthy process. While the images and other content resize appropriately on smaller screens, the mobile site has the same issue as the desktop site concerning loading speeds and scored an underwhelming 32/100 for performance on Google's PageSpeed Insights test.
Perth, Western Australia, Australia
Melchor is a Western Australian-owned civil construction contracting company that executes large-scale infrastructure and industrial projects in the Perth Metro and remote Western Australia. The website looks clean and professional with a good balance of visuals.
It provides visitors with comprehensive resources related to the company, including a page about how they work, their commitment to sustainability, and their capabilities, giving visitors insight into the company's culture and values while presenting a consistent brand identity synonymous with expertise, quality, and reliability.
Key information about the company is easy to find, along with more detailed insights into the company's processes, commitment to sustainability, and latest developments. There is a live chat feature for easy user assistance.
Some of the text is rather small, decreasing readability. The site is missing client testimonials — a key trust element. WAVE flagged several instances of missing alt text, empty links, and low contrast.
The desktop site looks smart and well-organized, with ample spacing for a pleasant and seamless browsing experience. However, some text is rather small, reducing its readability. When users move their cursor across the top menu, they are presented with a brief overview of each page, adding to a great user experience. The desktop site scored an admirable 90/100 in Google's PageSpeed Insights performance test.
The site resizes effectively for viewing on smaller screens, maintaining its clean, professional appearance. It also features the live chat option but no prominent, sticky CTA button promoting visitors to get in touch with the company. While the loading speed is slower than the desktop version, it is still within reason, and the site scored 50/100 in Google's PageSpeed Insights performance test.
Pensacola, Florida, U.S.
Founded by two friends, Bear General Contractors is a Pensacola-based contracting firm specializing in commercial building construction and renovations. Their website incorporates their dark blue and green logo colors, reinforcing the company's brand identity. The site's pages cover the company's services, team and history, client testimonials, and community involvement.
While there is a page titled "Project Portfolio" — a key element for showcasing the contractor's capabilities — the page is empty, which is rather anticlimactic given the otherwise attractive and informative content.
Custom visuals featuring the team add a personal and approachable touch. Testimonials and mentions of awards build trust, and a page detailing the company's involvement in the community, showing their commitment to making a positive impact.
The site is missing a live chat feature, and there is no content in the Project Portfolio page. The text size in the top navigation menu is a little small for optimal readability. accessScan found no accessibility system and rated the site as semi-compliant.
The desktop site has a visually appealing layout with adequate spacing between elements. Some of its text sizes, including the page titles in the top navigation menu, are rather small, negatively affecting readability and the overall user experience. However, the contact CTA button at the top of the page stands out well. On Google's PageSpeed Insights test, the desktop site scored 73/100 for performance.
The website adjusts well to smaller screen sizes, maintaining a clean layout. However, it is missing the prominent contact button featured in the top-right corner of the desktop version, and the hero video on the home page is cut off on both sides, diminishing its effect. The mobile site scored a low 22/100 in Google's PageSpeed Insights performance category.
Yes, a contractor should have a website so potential clients can find them online. Furthermore, a website allows you to showcase your work, establish credibility, makes it easy for customers to contact you, and can help generate business. Have a look at the list of curated website examples we reviewed to get an idea of the do's and don'ts of a great contractor website.
Yes, your contractor website should look great and be easy to navigate on all screen sizes to ensure a great user experience across devices. You can use Zarla's AI website builder to build a mobile responsive website.
Research keywords relevant to your business and services and incorporate them into your content. Use headings and ensure these are ordered properly to make the site easy to navigate and accessible. Add alternative text for images and optimize your meta tags.
You should have a clear CTA button for contacting your business, this may inlcude CTAs encouraging visitors to call you, sumbit an inquiry, schedule a consultation, or request a quote.
Yes, client testimonials add credibility and build trust. They should be displayed prominently.
Include clear CTA buttons, use a clean, professional design, and ensure your website is optimized for mobile devices.
Create a dedicated page for your portfolio of past projects and use high-quality before and after photos, accompanied by a description of the project and, if available, a testimonial from the client.
