Top 6 Construction Website Designs

For many construction companies, how they fare in their last project will dictate how they are going to do in the future. If the client is happy with their work, then that person is bound to tell his friends, relatives, and neighbors to give this particular company a try.

However, construction companies nowadays need to rely on more than just their previous client’s referrals to get more projects. It is also crucial to have an effective website. It will enable more people with construction projects to find it online. An effective website is also an excellent way to showcase what the company can do to convince these people to award it the project. Let’s look at some of the essential elements of a good construction company website and see how these top sites used them.

Best Construction Company Web Design

1.    Codus

Codus Construction is a well-known construction firm in England. Those in the know recognize this company for its clean and precise work. These characteristics are also evident in the company website.

What We Like About It

The company’s website is straightforward. The contents are arranged in neat grids to make it easy for a potential client to scan the material. It starts with a good image for the header. The visitor has an option to go straight to the portfolio by clicking on a button. They can also continue learning about Codus Construction by scrolling down.

Additionally, it is easy on the eyes. The content detailing what the company does, its story, and its main selling points are all arranged in grids. These sections are separated by ample white spaces. The different colored backgrounds also neatly divide the sections. Designers do this, so the visitors’ eyes know where to go.

Finally, the latest entries to the portfolio are presented in an organized 4×4 grid. The high-definition pictures have great lighting. You can easily see the details of the construction that they did. And when you click on an image, it appears in a bigger size. There is some text information about it at the bottom. Each project is shown from different angles so that you can really see the company’s expertise.

All these are presented on one page. The visitors wouldn’t have to click out and easily see everything needed to decide whether Codus is the construction firm.

2.    Mercury Construction

When a construction company specializes in one type of construction, it is crucial to make that apparent on its website. It would waste the visitor’s time to explore a company’s website for hours only to find out that they don’t do the type of service they requires. If you look at Mercury Construction’s website, you will find out within ten seconds of landing on its home page what the company specializes in.

What We Like About It

Most construction companies find and thrive in a niche market. Some focus on home constructions. Others get more projects in the public sector. If a visitor has a particular project, he should work with a company expert in that field. For Mercury Construction, their niche is schools, factories, and nursing homes.

This niche is made apparent by the images the designer chooses to showcase on the site’s homepage. The company boasts of having decades of experience in this type of construction. This claim means they already know the ins and outs of these projects. This includes all the constraints and challenges that the project involves. Because the designer chose to print this statement prominently on the site, anybody looking for a company that can handle an expansion project for a school or construction of a new storage facility will know to contact this company over others.

Upon clicking on the images of its portfolio, the visitor sees the project’s information page. There are various pictures of the project showcased in carousel form. The selection includes the certificate of recognition that this particular project received. The text beside the picture details the scope of work that the company performed. It is straightforward but concise. It is easy enough for interested visitors to skim because it is descriptive but not too technical.

3.    Galliford Try

Putting the company’s recognition and news coverage is an important selling feature. If they are being awarded and recognized in the news, they must be doing something right. Galliford Try has a simple, straightforward website that knows how to impress its potential clients.

What We Like About It

Galliford Try’s website is quite unassuming. However, there is a reason why it is one of the leading construction groups in the UK. Its portfolio is filled with massive projects worldwide, and it has been covered in the news countless times.

If you are making a website for a company featured in press articles a few times, it is good to add a link to these articles on the homepage. This section establishes its credibility. Plus, it allows readers to share the article on their social media accounts. It’s free publicity for the company.

Another good feature on Galliford Try’s website is the “Half-year highlights” section. It looks like an infographic of relevant stats from the company. It shows an animation of the number going up to the current value. This animated statistics board is a great visual to use in showcasing the company’s revenue so far. It signals to the visitors that this is how much people trust this company.

If the visitor is impressed with the company’s performance, then he would try to contact the firm for a consultation. All the pages of this website end with a link to its contact form. There is also another contact button on the navigation bar. Having these buttons readily clickable is a good way to ensure that a potential client contacts the firm.

4.    Andrew G. Construction

Besides showing how much your company has earned in revenues, another sure way to show your credibility and prove that people are happy with your work is by including testimonials on the homepage. The designer of the website for Andrew G. Construction understands that traditional word-of-mouth advertising still works.

What We Like About It

The website of Andrew G. Construction is very clean and neatly organized into sections. The text’s background colors stick to the color scheme of the company logo: blue,  grey, white, and orange.

On top of that, it has all the usual content on the homepage. The company’s description, services offered, specialization, and unique selling points are there in bright and clear print.

One of the unique features that it does have is the slider of testimonials from happy clients. It is just in text form with the name of the client at the bottom. It would have been more effective if photos of the projects accompanied the testimonials. But it is still effective. And right next to the testimonials is a call-to-action button to get a quote for your project. This is a good placement for this button because many potential customers rely on the word of other satisfied customers before making decisions.

5.    Bechtel

Bechtel is a world-renowned construction company with over 25,000 projects in its portfolio. Its website contains a lot of information about the company, its sustainability goals, and its projects. One thing that you would notice when you go through all the pages is that there is good design cohesion.

What We Like About It

There is something very satisfying in going through an entire website and noting the consistency in the design of all the pages. This uniformity is what you will notice with Bechtel’s website. No matter which menu button you click on, you will see the design cohesion.

The menu bar stays the same throughout, except for the pages for career opportunities. It is also a sticky menu bar. This menu stays on top of the screen even if you scroll down. Therefore, it makes navigating the well-organized pages even more convenient.

The pages follow a similar format. A great photo always accompanies the content. They are all arranged in grids to give the pages a structured and neat appearance.

Additionally, the color scheme is consistent. The background for the content is white, the essential words are red, and the background for important sections and the footer is light grey.

To sum it up, keeping the elements of the website consistent makes it memorable. If a client likes the output, it would be easy to remember which website he visited.

6.    Maman Corp.

A video header is always eye-catching. The designer of the Maman Corp. website used it effectively, not just to capture the visitors’ attention but to showcase the construction company’s latest project.

What We Like About It

Visitors always appreciate a good project tour. A visitor can see first-hand how the construction company’s project turned out. For Maman Corp.’s website, the company’s main selling points accompany the video header. A solid red block over the video states the company’s years of operation and what sets them apart from other companies.

The website is very interactive and dynamic. Indeed, every scroll brings in a new element. With one scroll, you are presented with a static page of the company’s history. Then, the following scroll cues a video transition slide for the next static page. Each video transition highlights a project of the company that you might not see if you don’t go through their entire portfolio.

Even their portfolio uses slideshow navigation. The blocks of texts and the pictures slide in to fill the entire screen. The information is concise. There is one paragraph to introduce the project, and then the details are in keyword form at the bottom. The link for more pictures of the particular project only appears when you mouse over the image.

Finally, when you get to the information page for each project, you will see good pictures of the finished construction and a video tour. This video tour is the highlight of the portfolio because you can really see how the construction project turned out.


Word of mouth advertising used to work for construction firms many years ago. However, with more and more companies going digital, you must establish a strong online presence to entice more people to hire you for their projects.

For construction companies, their websites must showcase their previous works and use multiple great pictures of the finished projects. Putting in a video tour of the project is also another effective way to showcase one’s expertise.

About Lucid Crew

Affordable web design, social media & content marketing for small businesses. The Internet is the largest marketplace in the world, so it's never been more important for a business to be found online. With Lucid Crew's digital marketing solutions, you will attract and engage prospects, create leads, and drive new web traffic.






You Might Also Like

Top 5 Roofing Website Designs

Just because a company offers excellent service doesn’t mean the customers will come flocking. Yes! Word of mouth can work to some extent, but its ... Read More

Top 5 CrossFit Website Designs

Doing CrossFit is so different from just going to the gym. Everyone who hits the box regularly knows that this activity is more than just ... Read More