A homepage converts when visitors can tell, within a screen, what you do and whether it's for them. They can also tell what to do next from that screen, then take that step without hunting.
The homepage serves several legitimate journeys at once, from direct enquiries to support for existing customers. The first decision is which of those journeys leads.
What does a homepage need to achieve?
Four things, in a mix that differs by business. A visitor may be:
discovering you
comparing your services or products
ready to act
coming back to find support, an account or a phone number
Whatever the mix, the brief is the same. Say who you are and what you do. Prompt the key actions with descriptive labels and an obvious visual hierarchy. Keep it simple.
Not every visitor starts on the homepage, either. Your GA4 landing page report shows how many arrive on a service page first. So the homepage must work for visitors from a service page, not only those who typed the address. Our small business website guide covers the rest of the site the homepage routes to.
SourceElev8d editorial homepage model, October 2026
Those are possible tasks, not measured audience shares. A visitor can move between them in one visit. Set a main commercial priority and give it the most prominent action.
Then protect the secondary routes. Some visitors want to check a price, find the right service or get help with an order. A homepage that forces everyone toward a quote form loses them.
A campaign page is the place for one offer and one action. That's why a lead generation landing page formula makes a poor homepage template. Our guide on how to build a landing page that converts covers that different job.
What should appear on the first screen?
Five things, in whatever arrangement the design allows. A recognisable business identity. A descriptive proposition. The audience or service area it is for. A clear main action and an appropriate trust cue.
A short brand line can sit beside a plain description.
"Clean homes, less stress" is fine as long as "Regular and end of lease cleaning across Melbourne" sits next to it. The brand line is for people who already know you and the description is for everyone else.
Don't force a service, audience and location formula where location is irrelevant or the service is national. Don't demand five complete answers in every first screen either.
Above the fold means visible before scrolling, on that device in that browser state. There's no single pixel boundary. Check a short mobile viewport, enlarged text and a consent banner open. Make sure the actual service is readable without waiting for an animation or a rotating headline to finish.
While you're on the phone, look for the next step. We ran 100 website audits from May 2023 to September 2026. Across them, about 2 in 3 sites had no clear next step in the first mobile screen. They didn't even have a tap to call link.
Proposition: [What the business offers and who it helps]
Context: [Useful scope, difference or service area]
Main action: [The relevant next step]
Exploration route: [A clearly named service or category destination]
Trust cue: [Verified evidence, with the relevant source]
Navigation labels do as much routing work as the headline. Use familiar words and separate the main enquiry action from the exploration links. That way, "Request a quote" and "View cleaning services" are visibly different kinds of button.
"Learn more" is not always wrong, but repeated generic labels hide the destination. Use descriptive labels that tell people where they're going. State the action, then keep its meaning on the next page. A button that says "Check availability" should not land on a generic contact form.
Every fix on that path is a wording or routing change, not a redesign.
Sentence level craft, voice and plain words sit outside this guide. Our guide on how to write website copy that doesn't sound like a robot covers them.
AI search tools read the homepage too. A plain proposition that matches your Business Profile gives them consistent facts to repeat. Our guide to generative engine optimisation (GEO) explains why.
What should go below the first screen?
Eight content roles, in an order that follows the visitor's decision. They're roles, not eight mandatory bands. An online store swaps most of them for categories, as the ecommerce section further down shows.
SourceElev8d editorial structure, October 2026
Hero and navigation
Orient the visitor, state the offer and expose the useful routes. The proposition stays readable without any interaction. The navigation shows the services or categories people actually look for, in the words they use.
Early proof
One relevant, genuine trust cue near the first decision:
a review with its source and count
a licence
a customer example
a recognisable project
The common mistake is decoration that implies more than it can support.
The other mistake is leaving proof out. Take the first two mobile screens and the space beside the main call to action. In the same audits, we checked those spots for a review, rating, licence or named customer example. About 3 in 5 sites had none.
The ACCC's guidance on online reviews says creating fake or misleading reviews is against the law. So is arranging for others to do it. A star rating should show the number of reviews behind it.
Our guide on how to get more Google reviews legally covers asking for them within those rules. For the proof that suits each kind of business, see our guide to E-E-A-T for small business.
Customer situation
A concise statement of who the service suits and the situation it handles, when that helps. No manufactured pain and no fear. Urgent services and online stores often don't need this band at all. That's because the visitor already knows their situation and wants the route.
Service or audience routes
Recognisable cards or grouped links. Each has a specific label, a short line on relevance and the correct destination. Choose one organising principle, by service or by customer need, rather than duplicating both without a reason.
Each card leads to a page that explains that one offer in depth. That's a service page's job, not the homepage's. Our guide to service page structure covers how to build one.
Offer and useful detail
Brief inclusions, suitability, service area or price context, then a link to the detail. Burying every service in long homepage paragraphs makes the page a brochure and the service pages redundant.
Process and expectations
The real next steps and a realistic response expectation. Use the number of steps the process actually has. Three isn't a conversion rule. A two step process drawn as three adds a step that doesn't exist.
Remaining questions and deeper proof
Answer the buying concerns that stop people: price context, timing, suitability, what happens after they enquire. Add selected evidence where it helps a decision. Keep the full company story on the About page. But keep enough identity and expertise here that a first time visitor knows who they're dealing with.
Next action and utility footer
Repeat an appropriate next step where the reader is ready. Keep contact, support, location, privacy and the necessary business information easy to find in the footer. The footer is the conventional home for those details. That's why a phone number hidden there and nowhere else draws a classic complaint.
Which bands move up, and which stay lighter, depends on the business.
Business | Move up | Keep lighter |
|---|---|---|
Urgent local services | Phone, hours, service area | Situation and long process bands |
Complex professional services | Credentials, fit, the consultation process | Repeated calls to action |
Standard priced services | Inclusions, price context, booking | Brand story |
Online stores | Categories, search, delivery and returns | Situation band, enquiry forms |
How do you write useful homepage copy?
Write for the person deciding whether they're in the right place. One business serves as the worked example throughout: a cleaning company. It offers regular cleaning and end of lease cleaning. Its homepage has one job above the others. Send those two very different customers to two different pages without either having to think about it.
The hero names the offer and the place, then routes. "Regular and end of lease cleaning across Melbourne" as the proposition. A line of context on what is included. A main action that says what happens, "Request a cleaning quote". An exploration route, "View cleaning services".
The service cards then do the sorting. "End of lease cleaning" with "Bond clean to your agent's checklist, with a receipt for the property manager". "Regular home cleaning" with "Weekly or fortnightly, same cleaner where we can". Each card leads to its own page.
Three distinctions keep that copy honest. A service label identifies the destination. A benefit line explains relevance. An action label tells the visitor what happens next.
Quality solutions for every home. Learn more.
Regular and end of lease cleaning across Melbourne. Choose the service you need, then check what is included and request a quote. View cleaning services.
That comparison uses example copy, not a measured result. Specificity helps because it answers the recognition question. But changing "Learn more" to "Free quote" is no reliable lift on its own.
Free offers and response times need an operational basis. The ACCC's page on false or misleading claims gives an example of a misleading price claim. It's a "free" offer that turns out to have conditions. A homepage promise that the business can't keep converts once and costs a review.
The trust cue in the first screen template above is a bracket. It stays that way until the business supplies a verified figure with its source. A genuine testimonial does not need a public photo to be genuine. It needs to be real, unedited and used with permission.
The costly copy mistakes on a homepage are structural rather than verbal. Four equally weighted buttons compete for one tap. "Contact us" as the only route fails everyone who needed something more specific.
What changes for an ecommerce homepage?
Almost everything below the first screen, because the visitor's task is finding, not enquiring. A store homepage is a navigation device with proof attached. A lead form in disguise is the wrong model.
Homepage task | Design and copy direction |
|---|---|
Find a type of product | Representative categories with clear names and imagery, with seasonal offers kept from hiding the core range |
Find a known item | Discoverable search where the catalogue warrants it, beside understandable navigation |
Assess products and trust | Accurate imagery, availability, relevant prices and genuine review context, linking to detailed pages |
Resolve purchase concerns | Delivery areas, shipping cost information, returns and support, easy to find |
Return after purchase | Order, account and support routes where relevant |
A homepage visit used to find an order or a return is not a failed sales visit. The store that treats every homepage session as a conversion opportunity annoys the customers it already won. Search and category browsing are complementary.
Blanket promises are the trap here. A homepage line about free delivery, dispatch times or stock has to hold for every order it covers. The same ACCC page expects accurate stock and delivery information.
SourceElev8d editorial homepage model, October 2026
Those are task based variations, not a ranking. A concise retail example shows the difference. A homewares store leads with its four categories, then a search box. Next comes the delivery and returns summary in one line, with a seasonal offer below them. A shopper who cannot find the category never reaches the offer.
Homepage to category or product progression is the useful intermediate measure for that page. Purchases and revenue need the whole journey.
How should the layout work on mobile?
Design the hierarchy for comprehension first:
readable type with real spacing
enough contrast
headings that say what the band is about
useful imagery
cards that can be scanned
There's no ideal homepage length and no fixed number of cards. Nor is there a reason to force an F pattern onto a phone layout.
Adapt the card order to the small screen. Don't let it fall into whatever order the desktop grid produces. Keep a meaningful focus order. Make the menu and every action usable with a keyboard and with a thumb. Our guide to website accessibility for Australian businesses covers the full set of checks.
Brand expression and animation can stay when the proposition remains clear and performance holds up. Two rules apply.
WCAG's pause, stop, hide criterion sits at level A. It requires a way to pause, stop or hide moving, blinking or scrolling content. That covers content that starts automatically, lasts more than five seconds and sits alongside other content. Auto updating content needs the same control, with no five second allowance.
And respect the visitor's reduced motion preference. Whether a slider helps or hurts is a question for a test on your own page. Don't answer it with a rule borrowed from someone else's.
Check load, responsiveness and layout stability with field data from real visits, not the lab score alone. Our guide to Core Web Vitals covers the three measures and the thresholds Google sets for each.
Homepages have a particular weak spot here: the hero. Largest Contentful Paint measures the largest element on screen. Google's guide to common misconceptions about LCP says that on most pages, this element is an image.
So a heavy hero image or video costs more than it looks. The same audits found a mobile LCP slower than 2.5 seconds on the homepage or main service page. That was true for about 2 in 5 sites. If the page is slow, our guide on why your website is slow covers the practical fixes.
Device and viewport: [include a short screen]
Task: [find a service, browse a category or get help]
First screen: [what the visitor understands without interaction]
Navigation and action: [whether the route is clear and usable]
Obstruction: [menu, keyboard, sticky element or banner conflicts]
Outcome: [completed task, confusion or verified failure]
Fix and owner: [specific next action]
Run that with the cookie banner open and the keyboard up. That's how a real visitor meets the page.
The route after the main action has its own failure modes. When the action is a form, see our guide to website form design best practices. It covers fields, labels, errors and confirmation.
How do you measure and improve a homepage?
Follow the journey to an outcome instead of admiring the homepage's own numbers. Five questions, each with a defined measure and a limit.
Question | Measure and limit |
|---|---|
Can people choose a relevant route? | Sessions with a relevant route click divided by sessions that viewed the homepage, cohort named |
Which section or action helps? | Configured clicks with safe context such as CTA position. Repeated clicks are not visitors |
How far do visitors reach? | GA4's scroll event fires once at 90% depth. Other thresholds need their own setup, and reach is not reading |
Does the route lead to business? | Accepted enquiries, answered calls, confirmed bookings or purchases, then qualification or sales |
Is the comparison fair? | Same device, channel, visitor task and period, with tracking and consent changes noted |
Two GA4 details decide whether those measures mean anything. The Pages and screens report counts every view of the homepage, anywhere in a journey. The Landing page report counts sessions that began there. Decide which cohort you mean and keep them apart.
And GA4's enhanced measurement records outbound clicks for links leading away from your domain. It also records a scroll event the first time 90% of the page becomes visible. But it doesn't record clicks on your own service cards.
So a homepage route rate needs an event built for it, with safe context and no personal information. Our guide to GA4 for small business covers that setup.
Give the developer a definition and a validation brief, not an assumption that the metric exists.
Audience: [homepage landings or all sessions viewing the homepage]
Useful route: [named service or category destination]
Event: [configured action and safe context]
Rate: [sessions taking the route divided by eligible sessions]
Business outcome: [confirmed enquiry, booking or purchase]
Quality check: [qualification, revenue or successful support task]
Review: [dates, device, channel, limitations and owner]
Once the event is in, the route rate shows what share of homepage traffic goes somewhere useful. Here's how 100 homepage landings split on the client homepages we measure. Rounded to whole numbers, that's 33 service or category routes, 11 other pages and 56 exits.
SourceElev8d client homepages, 2026
About a third taking a service or category route is the number to improve. But leaving from the homepage isn't always a failure. After all, a visitor who found the phone number and called has left too.
Read every number with its limits. A lower scroll rate can mean people found the right service quickly. A high click rate can still send unsuitable enquiries.
Take a scroll map from a tool such as Microsoft Clarity. Its documentation on scroll maps says they show what percentage of visitors reached each 5% of the page. They break that down by device and date range, with an average fold line.
On the same client homepages, mobile visitors reach about half of the page on average. That's why the routes and proof sit high in the wireframe. Scroll depth is reach, recorded from interaction. It shows where visitors stopped, not what they read or why.
Before you record or share sessions, check the tool's masking and your own privacy settings. The OAIC has guidance on tracking pixels and privacy obligations. It expects covered organisations to do due diligence on third party tools, limit collection and disclose their use. Our guide to Australian privacy law changes for websites explains which businesses are covered.
The qualitative checks are cheaper and often more useful. Ask people unfamiliar with the business to read the first screen. Then ask them what the business does and what they'd do next. A timed first impression exercise exposes confusion. Even so, it isn't proof of future conversion.
Then have them complete the whole task. A clear hero attached to a broken form is still a broken homepage. A verified broken journey beats any aesthetic experiment for priority.
Testing a change follows the method in the landing page guide linked earlier. Predefine the change and the main outcome, then split traffic at random where volume supports it. This is the approach in Kohavi and colleagues' paper on online controlled experiments at large scale. Label anything else as observational.
A new homepage and more enquiries in the same month is a coincidence. It stays one until something rules out the other possible causes. Those are the campaign, the season and the tracking change that happened the same week.
The evidence might point past the homepage to the whole enquiry journey. If it does, that's the moment for a conversion rate review rather than another hero redesign. Start with our guide on why your website is not converting.
We'll check your homepage on a phone and follow its main routes to where they land. Then we'll tell you what we'd fix first.
What should you check before you publish the homepage?
Seven checks, none scored. A failure on contact or checkout paths outweighs every other tick on the list.
Proposition
A stranger can say what the business does and for whom after the first screen on a phone
Navigation
Labels use the customer's words and the main action is distinct from the exploration routes
Genuine proof
Every review, rating, credential and example is real, sourced and used with permission
Service or product routes
Each card has a specific label, a relevance line and the correct destination
Mobile accessibility
Menu, cards and actions work by keyboard and touch, motion can be paused, focus is never hidden
Contact or checkout paths
The main action and the alternative route reach a person or a completed order
Validated measurement
The route event and the outcome event fire once per real action and reach the reports
A new homepage often goes live with a new site. If yours does, run the wider launch checks as well.
What we recommend at Elev8d
Fix before you rewrite, and rewrite before you redesign. A broken route is the cheapest fix on the list. A redesign without evidence is the most expensive guess. So we'd work in that order.
Routes come first. If a card lands on the wrong page, no headline will rescue it. The same goes for a main action that never reaches a person.
Then the first screen. A layout built around a vague headline stays vague. Because of that, we'd write the proposition and the main action before anyone opens a design tool. Copy changes are cheap to make and easy to measure once the route event is in.
Two situations change that order. An urgent service puts its phone number and service area in the first screen before anything else. A store starts with categories and search because shoppers who can't find the range never see the offer.
A redesign earns its place when the fixes keep running into the template or the platform. Our guide to the signs your website needs a redesign helps with that call.
FAQ
How long should homepage copy be?
As long as the routing and the decision need. A one service trade business can do it in a few screens. A multi service firm needs room for the service cards and the questions buyers ask. Judge it by whether visitors find their route, not by a word count.
Should I write the homepage myself or use a copywriter?
Write it yourself if you can describe what you do, for whom, in the words a customer uses. You also need the proof to hand.
Use a copywriter when the business can't see itself clearly, or several people disagree about the proposition. Use one when the page has to carry several journeys and nobody has time to structure it.
The homepage may be part of a wider build. If so, our guide to how much a website costs puts the copy in that context.
How much company history belongs on the homepage?
A line or two, aimed at trust rather than history. Say who does the work and which licence or accreditation matters to the buyer. The founding story and the team biographies belong on the About page, with one clear link to it. "Established in 1998, we pride ourselves on..." answers a question nobody has asked yet.
Next steps
Run the stranger test on your first screen
Show the homepage to someone who doesn't know the business, on a phone. Ask what you do and what they'd click. If they hesitate, the proposition or the labels are the problem. That's where to start.
Map every route to its destination
List each button and card on the homepage. Note the page each one lands on and the task it serves. Any route that lands on a generic contact page gets fixed before anything is redesigned. So does any route whose page doesn't match its label.
Build the route event before the redesign
Define the homepage cohort, the relevant routes and the outcome event. Get them validated, then record a baseline. If a rebuild is on the table, our web design service in Melbourne starts from that baseline. We don't start from a mood board.
Sources
- Web Vitalsweb.dev
Google, web.dev. Field versus lab measurement and the 2.5 second threshold for Largest Contentful Paint.
