Does this company offer the product or service I’m looking for?
Why should I work with this company?
These questions are the bread and butter of a successful landing page, and when coupled with a clean, modern, and easy-to-consume page design, you’ve got the winning recipe (little pun intended… I’ll stop)!
Before we get started: Landing pages at their best
Here’s an example to put things into context…
Chances are if someone searches for “vinyl siding contractor” (or something equally as specific), they’ve already done some research and have a pretty good idea which product (or service) they want. This is what I like to call a landing page’s ‘sweetspot.’
We refer to these potential leads as “bottom of the funnel” or being in the “decision” phase since they know what they need and are now looking for a company that’s the right fit.
That being said, the job of a landing page isn’t to go into painstaking detail about the product or service but rather to just confirm that the visitor is in the right place, that you are the expert, the main benefits/highlights about the product or service, and why they should choose you over the last guy (or next guy).
But more on this later…
The next thing to keep in mind is page relevancy.
If I need to replace the siding on my house I might search something like “vinyl siding contractor near me.” Now, if I complete that search and am presented with a landing page that explains the benefits of metal roofing…
The key is to promote ONE product or service per landing page. This hyper-relevance will keep the page simple and short without overwhelming your visitors with useless information, which increases your chances of converting them into a lead. Just like on the worksite, you need to K.I.S.S. – Keep It Simple Stupid!
That said, let’s have a look at the 7 must-have contractor landing page elements.
1. The Banner – aka The King of The Hill
Remember that goldfish attention span I mentioned earlier? Well here is where the fish food hits the bowl… or something.
The banner is the first thing a potential customer sees when they load your page and its important they know they’re in the right place.
When someone makes a search on Google, it’s the equivalent to them asking for an answer to a problem they’re having.
That’s where you enter the conversation.
Your landing page needs to show them that you understand their pain and have a simple solution.
Have a look at one of our recent clients landing pages to get a feel for what should be “above the fold”.
Meaning, what is at the top of you page is the most important as that is what will engage homeowners at the first glance.
A few things should jump out at you right away including;
Proof that they’re good at it
What’s in it for the homeowner
Let’s break down this section and see how it answers the four W’s; what, why, who, and where.
Title/Headline: What do you do?
The title should answer the “What?” question for the visitor has immediately. “Vinyl Siding” is clear and easy to read which assures that you do exactly what they need. This is reinforced by an example image in the background of a home with the product in use.
Try to use an image of a real job you or your company has worked on. People can usually tell when an image has been purchased off the internet and it doesn’t help the trust factor.
Subtitle: How will this product or service help me?
The subtitle is a way to elaborate on your to-the-point title without cluttering the banner too much.
Try to think of a short benefit someone will get by using your product or service.
In this case, it’s how vinyl siding improves the aesthetics and quality of the home against the outside elements.
Design tip: Visual hierarchy of text and elements is important to subconsciously direct the attention of the visitor where it needs to be at integral parts of the page. In graphic design, we refer to this and other useful theories of visual psychology as the Gestalt Principles. Here is a useful article on how these apply directly to website.
Social Proof & Promos: Why should I work with you?
Without cramming too much text into the banner, it’s a good idea to show that people trust your company and the work you do.
If you’ve won awards, these are a great way to show that you’re active in your industry, that companies vouch for your services, and that you’re good at what you do.
Also, a testimonial this early on the page would be great as it helps to connect with the visitor on a more humanized level.
And by that, I mean potential customers will have a chance to see someone like themselves has worked with your company and had a positive experience.
If you can’t fit in a testimonial, at the very least get a review or star rating in there somewhere. Go ahead and combine Google, Yelp, Houzz, etc. to bring the number of reviews up. The more the better.
If you have the time and equipment however, video testimonials are fantastic for that goldfish attention span I keep blabbing about and gives a little extra credibility since they can put a face to the review.
Check out how this roofing contractor used video testimonials to increase lead volume by 300%!
Whatever you do, don’t fake it. Homeowners do their research!
Pro tip: When you know your customer is happy with the work you’ve done, it’s a great time to ask them to say a few words about the experience. You can do this by either directing them to your Google my business page, email, text… The possibilities are endless!
In addition, promotions are arguably the most important ‘persuaders’ on the page and commonly referred to as the unique selling proposition (USP). We see much more success for our clients when they offer something of value to the customer.
There are many reasons why giving something away is beneficial, but in a nutshell, who doesn’t love free stuff?
Simply put, if you have something to give away, then you’re already ahead of your competitors who don’t.
All else being equal, customers will choose the company that gives them an extra little some’n some’n.
Location Identifier: Where are your service areas?
To help filter out unqualified visitors, its good practice to mention the areas you serve.
You’re a local business, so locals need to know that you serve their area.
Studies show that homeowners who do a local search are 2x more likely to make a purchase than those doing non-local searches.
Moral of the story? Showcasing which locations you serve is KEY.
This could be as simple as a small shoutout above the fold (i.e. “Serving New Hampshire”) seen in the top left of our example page.
Depending on your company’s reach or specificity of the targeting, including a list of areas served somewhere on the page isn’t a bad idea either.
Pro Tip: Utilizing features like Google My Business in tandem with localized landing pages can make a real dent in your local presence. Check out our Google My Business Guide for Contractors!
2. Re-occurring Elements
The remainder of the page should be a similar flow and order of content as the above-the-fold section.
It should be broken up into small bits of information about your services, their benefits, and social proof from people that have hired you for the same thing in the past.
These pieces of information should be ordered from most to least important as you get further down the page. The order of these sections will obviously vary based on design, content, industry, etc. but just know that the important stuff should come first.
The reason for that is, once again, because of that pesky goldfish-like attention span us humans have.
In fact, according to ClickTale, after recording over 80,000+ random website interactions, less than 22% of people scrolled all the way to the bottom.
Now i’m no math-magician… But that’s low. So reserve the top 50% of your page for the most crucial information. Anything that’s not relevant should be pushed down or cut out altogether.
3. The Product or Service
Immediately after the fold/banner area is a good time to elaborate more about what you offer.
Again, depending on your industry, you’ll want to dig a little deeper into the actual product or service.
Some examples include:
Types of products you use and/or repair
What sets you apart from the competition in your area
Fine details: financing, warranties etc.
If possible, accompany each item with a descriptive image to give context for those who won’t bother to read anything.
However, nothing will complement this section more than a great before and after representation of the work you can deliver!
Check out the example below, where this contractor used a killer before and after shot of his roofing job to showcase his work.
Seeing great transformations shows your ability and helps bring out the “I want that” feeling in potential customers and tug on their emotions.
So if you’re not already doing it, start taking pictures of the jobs you’re on now. It’ll pay off in the end!
4. Killer Social Proof… Again.
You can never have too many testimonials.
Now that you’ve explained the actual specifics involved in your product or service offering, throw a few more client reviews their way to show that real people have benefited from working with you.
Other forms of social proof are client and product logos.
Name dropping is a great way to build credibility. However, choosing what logos to show will depend on your line of work.
If you have some relevant clients you’ve worked with, ask them if you can use their logo on your page. You can also use product logos that people may be looking for specifically such as siding brands, paint companies, etc. The more recognizable the better!
Pro Tip: If you or your company has ever been mentioned in the media, this is an excellent opportunity to leverage that
5. Engaging Call-to-actions (CTA’s)
Not unlike the social proof, you should always break up your content up with a clear and concise way for people to reach out to you.
Here’s where you need to put your inner salesman to work. You can’t just slap a “submit” button on the page and think the leads will flood in. You’re going to need to do some coercing with the vocabulary here.
Try to reiterate the promotion (USP) or the main benefit again with a button that is descriptive and ideally personalized.
Using vocabulary like “my” or “me” has a positive effect when coupled with something the user will interact with, in this case a button. It helps give them a sense of control and involvement with the next steps.
Going one step further, this recent study from Unbounce uncovered that conversions rates with words associated to happiness & joy had significantly higher conversion rates when compared to negative words.
Keep in mind that depending on what type of service or product your landing page is for, your CTA’s will likely be completely different.
For example, if you run an emergency restoration company you’ll probably want to get more phone calls and people will most likely be in more of a hurry.
A roofer may want to know a thing or two about the job such as square footage or the type of building, so a longer-contact form may be necessary!
Pro Tip: Industry data shows us that when it comes to forms, less is more. Ask only the bare minimum and the follow up with further questions when you have come in contact with the lead.
6. User-Friendly Contact Forms
At the risk of sounding too repetitive, people’s attention span is a factor even when it comes to contact forms.
Too many forms fields will usually scare people off, as will asking questions that are too personal. Ask only what you absolutely need such as name, email, phone number, and a little bit about what they need.
That being said, we’ve found that sometimes it’s helpful to include one question about the product you’re offering.
The reason for this is, psychologically you’re letting them know that you’re asking these questions in order to do a job for them better by bringing the conversation back to the topic of the page, not to collect personal information and spam them later.
Here’s an example from the above siding page:
Notice the button text isn’t something generic that a computer spit out—it’s more conversational.
This will really help to humaize your brand and build trust with any new leads before they even get a chance to talk to you- talk about bang for your buck!
An important trend that will affect your web presence directly is whether or not your website/landing pages are mobile friendly.
Google and other search engines have started penalizing web pages that are not built to work on phones and tablets which could cause you to leak money like a sieve.
Here’s how your business can suffer from a non-mobile friendly website:
You’ll be placed lower in the search results page, if you even show up at all
Your cost to run ads will increase with less yield
People who see your page on a mobile device or tablet won’t stick around to try and navigate a broken website
Depending on how old your website is, you may need to ask your friendly neighborhood web developer about media queries…they’ll know what to do!
There are tons of online tools you can use to test your website mobile responsiveness, but this one from Google is more than enough for your needs.
The Final Product: A Killer Landing Page That Converts
The example page we followed throughout this guide is a real siding company we work with.
Before working with us, they were driving traffic to an outdated website with no quantifiable metrics for the marketing they were doing.
Once they signed on as a customer, we got to work and built them new branded landing pages to increase their conversion rates. As of today, we’ve gotten their average conversion rate just over 7%, and it’s still climbing thanks to the on-going tests our team is carrying out.
Check out this awesome landing page which includes all 7 features:
Highlighting of the product & service
Mobile-readiness (you can’t tell but trust us, this bad boy is a dream on mobile!)
So there you have it, the anatomy of a high-converting contractor landing page along with some examples to get your started!