Phase 2 · Your Website·2.5·~3 hours
Phase 2~3 hoursMedium

2.5 Conversion-Focused Homepage Structure

Prerequisites

Before you start, make sure you have:

  • Live website (Section 2.2)
  • Services and pricing clarity
  • At least 2–3 photos of your work or team

Step-by-Step

The hero block (above the fold)

The first thing a visitor sees must answer: what you do, who for, and where. One headline (under 10 words), one subheadline (one sentence), one CTA button. No sliders. No autoplay video. Example: “Your Local Emergency Plumber — 24/7, Fixed Pricing, Same-Day Callouts. [Call Now]”

Trust signals immediately below the hero

Three to five credibility markers: years in business, number of jobs completed, review score with star rating, licences or certifications.

Services block

Three to six service cards with icon, name, one-sentence description, and a “Learn more” or “Get a quote” link.

Social proof section

Three to five real reviews, ideally with first name, suburb, and star rating. Specific beats generic.

How it works (3 steps)

Remove friction by showing the process: “1. Call or book online → 2. We come to you → 3. Job done, fixed price.”

Secondary CTA

Repeat your main call to action. Not everyone acts on the first prompt.

Footer

ABN, address, phone, email, links to Privacy Policy and Terms.

Live Example

See this structure in action at rmdboothco.com.au — hero headline, trust signals, service cards, reviews, and clear CTA. Built to convert, not just look good.

Pro Tip

Use heatmap software (Hotjar free tier or Microsoft Clarity — free) on your homepage for 2 weeks after launch. Adjust based on data, not gut feel.

You're Done When

    • Homepage follows the 7-block structure above
    • Phone number visible in the top navigation or hero
    • At least one CTA button above the fold
    • Mobile version tested
    • Heatmap tool installed
That's a solid afternoon's work.
We knock it out before lunch. Literally.
Next: 2.6 Accessibility Basics← Back: 2.4 Essential Pages Deep DiveView all sections