Your Website Has 3 Seconds. Here's What Must Be Above the Fold.

That's it. Three seconds. That's how long you have to convince someone to stay on your website instead of hitting the back button and calling your competitor.

I know because I tested it. I sat behind a homeowner's shoulder while they searched for a plumber on their phone. They opened six websites in two minutes. Most got less than three seconds of attention. One got a phone call.

The difference wasn't the logo or the color scheme. It was whether they could answer three questions immediately: Can you help me? Are you nearby? Can I trust you?

Your website is not a brochure. It's a sales tool. And like any tool, it only works if you use it right.

This guide breaks down exactly what needs to be above the fold on your contractor website, what can wait, and what's just wasting space. I'll show you the framework I use to audit contractor websites, the specific elements that convert browsers into callers, and the common mistakes that kill conversion rates.

The Three-Second Framework

Here's what happens in those first three seconds.

The homeowner lands on your site. Their eyes scan the top of the page in an F-pattern. Left to right across the top, down the left side, then across again. They're not reading. They're hunting for signals.

Signal one: Relevance. Does this site match what I searched for?

Signal two: Location. Are they in my area?

Signal three: Credibility. Can I trust them?

If any of those signals is missing or unclear, they leave. It doesn't matter how good your service is or how many years you've been in business. They never scroll far enough to find out.

So the framework is simple. Above the fold, you need:

A headline that confirms relevance
A location indicator that shows you serve their area
A credibility marker that builds trust
A call to action that's impossible to miss

Everything else can wait.

Element One: The Headline

Your headline is not a tagline. It's not clever wordplay. It's a direct answer to "Can you help me?"

Bad headline: "Quality Service Since 1987"

Good headline: "Emergency Plumbing Repair in Austin"

Better headline: "24/7 Emergency Plumbing in Austin. We Answer in 2 Rings."

The best headlines include the service, the location, and a differentiator. They're specific. They match the search intent.

When someone searches "emergency plumber near me" at 11 PM with water flooding their kitchen, they don't care about your company values. They want to know if you do emergency work, if you cover their area, and if you're available now.

Your headline should answer all three.

Here's the formula: [Service] in [Location]. [Specific Benefit or Differentiator].

Examples:

Roofing: "Roof Repair in Phoenix. Licensed, Insured, 10-Year Warranty."

HVAC: "AC Repair in Dallas. Same-Day Service, Upfront Pricing."

Remodeling: "Kitchen Remodeling in Seattle. Free 3D Design Consultation."

Electrical: "Licensed Electrician in Miami. Emergency Service, No Trip Charge."

Notice what these headlines don't include: vague promises ("quality," "reliable," "trusted"), company history, or anything that requires the reader to think.

The headline's job is to stop the scroll. To make them think, "Yes, this is what I need."

Element Two: Location Signals

Location anxiety is real. Homeowners have been burned by contractors who claim to serve their area but are actually two hours away.

You need to prove you're local. Above the fold. Here's how:

Option 1: City name in the headline (covered above)

Option 2: Service area list

Right below your headline, list the specific cities or neighborhoods you serve.

"Serving Austin, Round Rock, Cedar Park, Georgetown, and surrounding areas"

Not "Serving the greater Austin area." That's vague. List the actual cities.

Option 3: Phone number with local area code

Your phone number should be visible above the fold. And it should be a local number, not an 800 number.

(512) 555-0123 signals Austin. (800) 555-0123 signals national chain or call center.

If you serve multiple metros, use a location selector or show the number based on their IP geolocation.

Option 4: Map or location badge

A small Google Maps embed or a "Proudly serving [City]" badge adds visual confirmation.

Don't bury your service area on a separate page. If they have to click to find out if you serve their ZIP code, most won't bother.

Element Three: Credibility Markers

Trust is built in layers. Above the fold, you don't have room for your full story. You need quick credibility markers.

Here are the ones that work:

Years in business

"Family-owned since 1998" or "27 years in business" works because it implies you haven't screwed up badly enough to go under.

License number

"Licensed, Bonded, Insured. TX License #TACLA12345" is especially powerful in trades that require licensing. It shows you're legitimate and gives them a way to verify.

Review count and rating

"4.9 stars from 247 Google reviews" is social proof. It tells them other people trusted you and were happy with the results.

Don't just say "5-star rated." Show the number of reviews. 5 stars from 8 reviews is nice. 5 stars from 200 reviews is compelling.

Association badges

BBB Accredited, Angie's List Super Service Award, HomeAdvisor Top Rated, manufacturer certifications. These work if they're recognizable.

Don't clutter the page with 15 badges. Pick the 2-3 that carry the most weight in your market.

Photos of real people

A photo of the owner or the team adds humanity. Stock photos of people in hard hats do not.

You don't need all of these above the fold. Pick two or three that are most relevant to your market and trade.

Element Four: The Call to Action

Your call to action should be a button. A big one. In a contrasting color. With clear, action-oriented text.

Bad CTA: "Learn More"

Good CTA: "Call Now: (512) 555-0123"

Better CTA: "Get a Free Estimate" or "Schedule Service" or "Call for Emergency Repair"

The CTA should be visible without scrolling. Ideally, it appears twice above the fold: once in the header and once near the headline.

And it should be specific to the next step. "Call Now" if you want calls. "Get a Free Estimate" if you want form fills. "See Availability" if you offer online booking.

Don't make them guess what to do next.

What Doesn't Belong Above the Fold

Now let's talk about what to cut.

Your mission statement

No one cares. Not yet. Maybe after they've read three pages and are deciding between you and another contractor, they'll care about your commitment to excellence. But not in the first three seconds.

Move it to the About page.

A paragraph of intro text

Walls of text kill conversion. If it takes more than one sentence to explain what you do, break it into bullet points or move it below the fold.

Auto-playing videos

Videos are great for engagement. Auto-play videos with sound are great for making people close the tab.

Put your video below the fold with a play button.

Your full service list

You have 12 services. That's fine. But listing all 12 above the fold creates decision paralysis.

Above the fold: Your primary service or a single CTA like "Explore Our Services"

Below the fold: The full list with links to service pages

A contact form

Contact forms have their place, but above the fold is not it. Forms create friction. Buttons reduce it.

The exception: If your entire business model is built on form fills and you've tested that it converts better than a phone number, then test it. But for most contractors, a phone number or "Get a Free Estimate" button wins.

Social media icons

Social icons above the fold send people away from your site. Put them in the footer.

The Above-the-Fold Checklist

Here's the exact layout I recommend:

Header (sticky, follows user as they scroll):

Logo (linked to homepage)
Phone number (clickable on mobile)
Primary CTA button ("Get a Free Estimate")
Simple navigation (Services, About, Reviews, Contact)

Hero section (the big visual area at the top):

Headline: [Service] in [Location]. [Differentiator].
Subheadline (optional): One sentence elaborating on the benefit
Service area list or location indicator
2-3 credibility markers (years in business, review count, license number)
Large CTA button (same as header or secondary action)
Background image: High-quality photo of your work or team (not stock)

Mobile considerations:

On mobile, above the fold is even more critical because the screen is smaller. The order should be:

Logo and phone number (tap to call)
Headline
CTA button
Credibility markers
Subheadline or service area

Test it on your actual phone. Not just in Chrome's device emulator. Pull out your iPhone or Android and load the site. Does the headline read clearly? Is the phone number easy to tap? Does the CTA button look like a button?

Real Examples: What Works

Let me show you three contractor websites that nail the above-the-fold formula.

Example 1: Plumbing company in Austin

Headline: "Emergency Plumber in Austin, TX. Available 24/7, No Overtime Charges."

Subheadline: "Serving Austin, Round Rock, Cedar Park, and Pflugerville since 1999"

Credibility markers: "4.8 stars from 312 Google reviews" + "Licensed & Insured. TX License #M-12345"

CTA: Two buttons, "Call Now: (512) 555-0100" and "Schedule Online"

Background: Photo of an actual plumber from their team fixing a sink

What works: Specific service, location confirmed twice, trust signals, two clear actions.

Example 2: Roofing company in Phoenix

Headline: "Phoenix Roof Repair. Free Inspection, 10-Year Warranty."

Service area: "Proudly serving Phoenix, Scottsdale, Tempe, Mesa, Chandler"

Credibility: "Family-owned since 2001" + BBB A+ Rating + "Licensed, Bonded, Insured (ROC #123456)"

CTA: "Get Your Free Roof Inspection"

Background: Before-and-after slider of a roof replacement

What works: Free offer, specific warranty, service area list, BBB badge carries weight in this market.

Example 3: HVAC company in Dallas

Headline: "AC Repair Dallas. Same-Day Service, Upfront Pricing."

Subheadline: "$59 Diagnostic Special (Regularly $129)"

Credibility: "Certified Carrier Dealer" + "4.9 stars, 180+ reviews" + "25 years in business"

CTA: "Book Your $59 AC Tune-Up"

Background: Photo of a real technician in front of a branded truck

What works: Price transparency, limited-time offer, manufacturer certification.

The Conversion Optimization Details

Once you have the core elements in place, here are the details that increase conversion rates:

Use contrasting colors for your CTA button

If your site is blue, your button should be orange or yellow. It needs to stand out. Test it by squinting at your homepage. Does the button still pop?

Make your phone number huge on mobile

12-point font is readable. 18-point font is tappable. On mobile, your phone number should be impossible to miss.

Add a micro-commitment option

Not everyone is ready to call. Give them a smaller first step.

Primary CTA: "Call for Emergency Service"

Secondary CTA: "Text Us Your Issue" or "See Our Availability"

Show real-time availability

"Next available appointment: Today at 2 PM" creates urgency and reduces friction. They don't have to call to find out if you're booked for three weeks.

Include a trust statement

One sentence that addresses the biggest objection.

"We'll beat any written estimate" or "100% satisfaction guarantee" or "No hidden fees, ever"

Add a chat widget (but don't make it intrusive)

A small chat icon in the bottom right can capture leads who don't want to call. But if it pops up and covers your headline three seconds after page load, it's hurting more than helping.

Test your load speed

If your site takes more than three seconds to load, you've already lost them. Use Google PageSpeed Insights. Compress your images. Eliminate unnecessary scripts.

A beautiful website that takes six seconds to load will always lose to an ugly website that loads instantly.

Common Mistakes That Kill Conversions

I've audited over 200 contractor websites. Here are the mistakes I see over and over:

Mistake 1: The slider carousel

You know the one. Five slides rotating every four seconds with different headlines and CTAs.

It seems like a good idea. You can show multiple services, multiple benefits, multiple messages.

But it's terrible for conversion. Here's why:

The user only sees one slide before they scroll or leave
Each slide dilutes your primary message
It slows down your page load
No one clicks the dots to see the other slides

If you have a slider, pick your best slide and make it static. Delete the rest.

Mistake 2: Generic stock photos

A stock photo of a guy in a hard hat staring thoughtfully at a clipboard does not build trust. Everyone uses the same stock photos.

Use real photos. Your team. Your trucks. Your actual projects. Even if they're not professionally shot, they're more credible than stock.

Mistake 3: Hiding the phone number

I've seen contractor websites where the phone number is only on the Contact page. Or it's in the footer in 10-point gray text.

If you want phone calls, make the number visible. In the header. In large, bold text. On every page.

Mistake 4: Too many navigation options

Your navigation menu should have 5-7 items, max. If you have 15 links in your nav, users get overwhelmed and choose none.

Keep it simple: Home, Services, About, Reviews, Contact. You can have dropdown menus under Services if needed.

Mistake 5: No clear primary CTA

Some contractor websites have four equally weighted CTAs above the fold: Call Now, Email Us, Request a Quote, Chat with Us.

Pick one primary action. Make it bigger, brighter, more prominent. The others can be secondary.

Mistake 6: Desktop-only thinking

70% of contractor website traffic is mobile. If your site only looks good on a 27-inch monitor, you're losing most of your leads.

Design mobile-first. Then scale up to desktop.

The 5-Second Test

Here's how to know if your above-the-fold design works:

Show your homepage to someone who's never seen it before. Give them five seconds to look at it. Then take it away and ask them:

What does this company do?
Where are they located?
What should I do next?

If they can't answer all three, your above-the-fold needs work.

What Comes Below the Fold

Once you've nailed the first three seconds, the rest of your homepage should guide them deeper:

Section 1: Services overview

A grid or list of your core services with short descriptions and links to dedicated service pages.

Section 2: Why choose us

3-5 bullet points with specific differentiators. Not "quality and reliability." Think "10-year warranty on all roof replacements" or "Background-checked technicians."

Section 3: Social proof

Featured reviews, video testimonials, or a review widget showing recent Google reviews.

Section 4: Portfolio or before/after gallery

6-8 high-quality photos of your best work with captions explaining the project.

Section 5: Process overview

How it works. Step 1: Call us. Step 2: We schedule a free estimate. Step 3: We complete the work. Step 4: You approve and pay.

Simplify the buying process so it feels easy.

Section 6: Final CTA

Repeat your primary call to action. "Ready to get started? Call (512) 555-0123 or request your free estimate."

Section 7: FAQ

Answer the 5-7 most common questions you get. This reduces objections and filters unqualified leads.

Footer: Contact info, service area, links, social, hours, payment methods, associations

The Technical Checklist

Beyond the design and copy, here are the technical elements that affect conversion:

SSL certificate

Your site should be HTTPS, not HTTP. Browsers now show a "Not Secure" warning on HTTP sites. That kills trust instantly.

Mobile responsive

Test your site on multiple screen sizes. Use Chrome DevTools or a service like BrowserStack.

Click-to-call phone numbers

On mobile, your phone number should be a tappable link: <a href="tel:5125550123">(512) 555-0123</a>

Fast load times

Target under 2 seconds. Compress images, use lazy loading, minimize scripts.

Clear meta descriptions

Your meta description (the snippet that shows in Google search results) should mirror your headline and include your service and location.

Local schema markup

Add LocalBusiness schema to your homepage so Google understands your NAP (name, address, phone) and shows it in search features like the local pack.

Testing and Iteration

Your website is never done. Here's what to test:

A/B test your headline

Use Google Optimize or a similar tool to test two different headlines. Measure which one leads to more calls or form fills.

Test your CTA copy

"Call Now" vs. "Get a Free Estimate" vs. "Schedule Service." Small changes can have big impacts.

Test your hero image

Your team vs. a project photo vs. a before/after. See what resonates.

Track your metrics

Use Google Analytics to measure:

Bounce rate (how many people leave without interacting)
Time on page
Scroll depth (how far down people scroll)
Click-through rate on your CTA

If 70% of users bounce within 10 seconds, your above-the-fold isn't working.

The Three-Second Promise

Your website has one job: to convince the homeowner that you can solve their problem, that you're in their area, and that you're trustworthy enough to call.

You have three seconds to make that case.

Everything above the fold should serve that goal. Everything else is noise.

Most contractor websites fail because they try to say too much. They want to tell their whole story, showcase every service, explain their values.

But the homeowner doesn't want your story. Not yet. They want to know if you can help them. Right now. In their ZIP code.

Answer that question above the fold, and you'll win the call.

Related reading: