(In no particular order…)

McCarthy Building Companies, Inc.

(https://www.mccarthy.com)

The McCarthy website has been on my “love it” list for a long time for many reasons… 

For one, the big video intro gives me warm, fuzzy vibes about the company — not like the ones you get when you look at baby kittens, which are great, don’t get me wrong. I’m talking about the ones you get when you see airplanes flying overhead that make you stop and appreciate the people who fly them, the ones that make you think, “Man, these people are cool, they can really do this job.”

Second, their overall design oozes originality, from their choice of high-quality, brightly-colored photos (that very effectively draw me down the page) to the subtle illustrations in the background. I love how they’re arranged in a way that supports the overall design rather than dominates it.

My biggest gripe about McCarthy’s site: the designer replaced their main navigation with a mobile “hamburger” navigation menu, even on desktop, and I’m not a huge advocate of that practice.

The Career section is well-built: the page content speaks directly to the individual types of employees they’re trying to appeal to, they do a great job of including faces of real people who work in their company, and they outline team member career milestones through a visually-engaging vertical timeline (with more pictures!). Each of these elements helps career-seeking individuals understand how they might create a similar story for themselves as part of your company.

Instead of having a Services section, McCarthy uses their Projects section to emphasize company skills and abilities. While I normally push for a Services section, I don’t necessarily think this setup is bad, though I think the project pages could be a bit more robust. Each project has its own page that lists a contact person at the bottom so it’s easy for me to see who I would contact about the type of work I’m looking at. There’s even a button linking to other contacts for the related service AND one for all company contacts, just in case. Makin’ things super easy, I love it. And finally, when you click through each project category page, visitors will find related projects where they can learn more about what McCarthy does and how they do it.

The Weitz Company, LLC

(https://www.weitz.com)

This website is really well designed — somebody put a lot of effort into all of the icons, planning out what each portion of the site would look like. It’s like scrolling through a magazine. My only complaint is the words sometimes feel enormous. Other than that, I really like it.

The project section allows me to sort. And I like the creative grid arrangement of the projects, how it’s not a uniform grid but a mosaic — this is not average for construction sites, most of them are just in a standard grid.

The individual projects pages have such a nice layout. Details about the project are blocked out in a classy left sidebar underneath a slideshow of stunning photography of the completed structure in all its glory. To the right, there’s a paragraph or three about the project, plenty for good SEO practice, and a lot of projects even go into safety and highlight the quality technology they incorporate into the work they do.

Key contacts for each project — winning! And related projects? Double winning! This is a really well-designed project section. Kudos.

The Careers section is pretty good. Not as stunning… some of the color combos, like the yellow on gray, is a bit aggravating. I can feel it buzzing at me. They could also do a little more content separating and talking to the individual audiences they’re trying to hire. I can tell they’re trying to find some student workers or internships, but that’s the only other audience they talk to outside of full-time employees.

And I find it interesting that on the Careers page, there’s a picture of a gentleman who looks to be around retirement age —  please don’t think I have a thing against older gentlemen, or people for that matter. I don’t. I just feel like most of the people you’re hiring are probably not going to be anywhere near ready to retire. But this could very well be the principal of the company — loyalty, commitment, security. I have no idea… maybe it’s time I head over to the About section and see if I can find information about the team to make sure I’m not harping on the CEO, here. Then maybe I can avoid putting my foot in my mouth before publishing this.

Okay, no, he’s not the man in charge. Phew.

Rolling right along, the Expertise section. Right away, I noticed there’s no drop-down menu when you hover over Expertise in the main navigation that allows me to learn more about Commercial, Industrial and International services. Instead, I’m forced to click to the main Expertise page and then click on each to learn more. Not a total deal breaker, but an important feature I feel.

Let it be said again, though: impeccable design. It’s interesting from a navigational perspective: they have all kinds of cute icons, some really cool photo page breaks and these neat little buttons… Okay, I’m gushing. Only ‘cause I’m in love with this site.  I wish I designed it — then I could put it in my portfolio. Good job, whoever designed this thing.

The Korte Company

(https://www.korteco.com/)

I think this is a really great website for a number of reasons: First, their homepage is super interesting — loving the time-lapse video at the top and the treatment of all of their images. The actual design itself is ROCKIN’. It’s not blocked out content you’ll find with most designs, almost as if it were designed for print. Really awesome. 

Their use of text as graphics, even in the background, is quite refreshing. And I also really like how, in the footer, they integrated an old photo of Ralph Korte, who I’m assuming is the founder, with one of his quotes.

Image of the website footer with an old photo of Ralph Korte as the background and one of his quotes above the social media buttons

The Projects section is easy to navigate and features fun, borderline-interactive rollover behavior. Each “button” features the number of projects they’ve delivered in the related industry, which helps me understand which industries they’re focused on.

The Careers section is a tad less impressive but still good overall. One drawback: the Employee Testimonials  and Job Openings buttons kick you over to other websites. I would try to keep this all together within my own site with the same header throughout. I totally understand implementing the right software for HR, and linking to Glassdoor for employee reviews does show a level of legitimacy, so I’m certainly not going to argue that that wasn’t the right decision for them. Okay…moving on.

Each service they provide has its own page — with a specific contact included. That’s excellent. People need to know who they need to talk to for each type of service.

Final thought: this website’s got it goin’ on.

Crossland Construction

(https://www.crossland.com/)

What draws me back to this website time and time again is the impressive drone footage they use in the homepage slideshow, and the way they incorporate pictures of their team members throughout the site. This makes their company feel so real. 

Their Careers section is one of the best I’ve found. It breaks out each target audience and speaks to them individually. For example, if I was a recent recent graduate, I could visit the Recent Graduates page. I’m introduced to Cori, who is a Project Manager and can see images of her as well as an outline of her career path at the company. Then I get an interactive display on five reasons why I might want to work for Crossland. Other companies should seriously aspire to put as much effort into their own career sections as Crossland did. 

Crossland Projects and Locations map featured on their main Projects page

The Projects section’s got a huge map with location pin points showing their regional office locations and dots marking where they’ve completed projects. I just wish I could click on the dots to learn more about these projects. I can hover over the regional office pin points to get some basic contact information, though, so that’s something. Overall, I do like the map because it allows me to see how vast their service area is — clearly, they’re not just local, they have projects all over the place. If I were a prospect looking to see if they could do some work for me, I’d be able to gauge where they typically work in the United States. Once you scroll past the map on the Projects page, you can sort through types of projects using dropdown menus. Each individual project page is formatted the same way — which is, in my opinion, Design 101: Maintain Consistency. Or maybe that’s a good general life lesson. Regardless, they put time and effort into sharing facts about each project and writing up summaries, including multiple photos for all of them and featuring related projects — all things I expect from a great Projects section.

The only place where this site kind of falls short is in with the Services page. For one, it’s just a single page. Second, each type of service they offer is divided into sections, but I can’t click on each to learn more. I feel it would best serve them to break these out into individual pages and talk more about each service or industry they serve, which would also be a great way to pull visitors into the Project section — by featuring related projects on each service page.

Overall, they’ve done a creative job of pairing white space and varying text sizes with minimal decorative elements while also highlighting their photography. They have really nice subtle animations throughout that really enhance the user experience. 

Honorable Mentions

Holland Construction

(https://www.hollandcs.com/)

I love the drone footage on the homepage of the Holland website — surprised? I thought not. It’s mesmerizing. I stare at it for quite a while actually. It’s a very clean site — everything is well-spaced. There are subtle animations throughout, even down to the Holland icon with the spinning star in the middle that appears any time a page takes more than a second to load. There’s something comforting about it, like it’s saying, “I’m here, it’s just going to be a second, sit tight.” Sometimes, though, the animations go just a bit far, as in maybe go a little lighter with the amount of stuff that moves, the concentration of moving blinking objects can border of distracting.

In their Projects section, although not completely sortable, I can filter by category. That’s a good start. The rollover behaviors give me more information about the individual projects to help me decide if I want to read more, and you can click to a single project page to learn more. However, they need to spend some more time beefing up the individual projects pages. Many of them just have a couple of sentences and a picture while others have tons of pictures and not very many words.

Their Careers section is somewhat brief in that it lacks a build out of the individual types of employees they’re looking for. It just touches on company culture and career development and features a bulleted list of benefits.

I also find it interesting that they don’t have a Services section for showcasing what they do. You’d think by clicking on Client Services you’d find something there, but instead there’s a three-paragraph intro with a link to learn more and an invitation to download a brochure… After a bit of digging, I found that information about Services is obscurely located on the Our Approach page. A little confusing… I don’t like being confused.

I like that they have a blog and that they publish relatively regularly; however, the blog page design could use a little more love. Case Studies takes on the same design elements as the Projects page, and since I’m a fan of consistency, I’m a fan of this.

Milo Construction

(https://miloconstruction.com/)

While I am not 100% in love with fluorescent green, I do really like the Milo Construction website. They use a similar fun/interactive rollover behavior as was used on the Korte Co. site, only they’re a bit more fluid in this design, I think. And there’s a feature I don’t see too often in the homepage slideshow: there’s what I would call a “progress” bar at the bottom of each slide representing the display time for each slide to indicate when the next slide will appear. In the footer, they work in a little tiling with their logo, further reinforcing their brand.

The same aforementioned rollover behavior is used on their Projects page, and the effect is really exciting in the gridded format. I feel like the green box follows me all around the page. The only complaint I have about the buttons here is that the magnifying glass is the only clickable element for clicking to the individual project page. It’s too small, I feel like somebody should be able to click anywhere in the designated box to get where they want to go.

The individual project pages are built-out relatively well. They feature project details, a little bit of text and a slideshow of images. The only thing I would do differently on this page is I wouldn’t have the bricks up at the top. I would just remove it altogether — we don’t need it, it just takes me longer to get to the content I’m actually interested in.

Image of Milo Construction call to action for hiring
Career Call-to-Action Example

They do a great job of building out their Services pages with testimonials and contact information. The pages could use a little bit more content, but the layout is really appealing.

The only thing that they’re missing to be an awesome construction website is a Career section. They do have a call-to-action at the bottom of the individual services pages inviting interested career-seeking visitors to contact the company about working for Milo. My beef here is that when you click on the link to contact Milo about employment, you are directed to the Contact page with an email form that’s geared toward prospects more so than would-be employees. That could be a bit confusing.

Speaking of working at Milo, another thing the site is missing is photos of Milo team members. I don’t see them anywhere, not even on the team page. I mean, at the very least I should be able to see Pat’s face (the CEO), you think? Maybe? I’m just a little sad I didn’t come across a single image of a person who worked for the company. Milo, if you’re reading this and I’m wrong, send me a picture of where you have your awesome people on this website so I can see their smiling faces. This website makes you look like such a professional company, it’s just I missing that human element.

Rose Paving LLC

(https://www.rosepaving.com/)

I’ve had my eye on this site for quite a while. I really enjoy it with its original imagery, organized content and well-placed callouts. I will say, I don’t like the big YouTube video plucked onto their homepage header. Why there? Why cover up the big header image? Why not use it as the header video? It could be better. I do, however, really like the icons used with the popular services callouts — sleek and professional with a flare of fun, right?

Screenshot of icons section on home page of Rose website

I think the individual Services page design could be fleshed out a little more, but there’s a ton of great content. I just think it could be formatted a little better. Each does feature a callout in the sidebar to contact Rose for a free estimate. This is great practice, and while I think it looks a little closer to a Google ad than I’d like, it maintains the Rose branding color scheme and works in drawing attention, so overall, I think it’s a good thing.

Every header image on their website is different, for the most part, which I like, and the site features a blog they publish to fairly regularly, also commendable — it shows me they’re serious about their online marketing and want to prove themselves as industry experts.

The Career section is pretty brief, but there is a way to get to and learn about all the different jobs available over at applicantpro.com, which is apparently really popular. This is the second website said I’ve seen using it. And on this site, the link even pulls in Rose’s main navigation as the header to help visitors feel less like they’ve been sucked into the unknown and more like they’re right where they expect they should be.

And what is this magical-ness I’m seeing? Educational white papers? Heck yes. Another thing I practically never see in the construction industry. Get it, guys!

There you have it.

The good, the really good, and the not-as-good-but-still-noteworthy construction websites of 2019. Take a peak at the coolest construction website trends, and be sure to stay tuned for latest on construction website must-haves!

More about the Author

Alternative Text

Monica Pitts

Monica is the creative force and founder of MayeCreate. She has a Bachelor of Science in Agriculture with an emphasis in Economics, Education and Plant Science from the University of Missouri. Monica possesses a rare combination of design savvy and technological know-how. Her clients know this quite well. Her passion for making friends and helping businesses grow gives her the skills she needs to make sure that each client, or friend, gets the attention and service he or she deserves.

© MayeCreate Design 2019 | 573-447-1836 | [email protected] | 700 Cherry St. Suite C, Columbia, MO 65201