The homepage that converts: structure section by section

Most homepages try to say everything. The result is that they say nothing clear enough for a visitor to know what to do next. It's the most common problem we find in our audits, and the most expensive one, because it costs you on every single visit.

A homepage is not a brochure. It's a switch. Its only job is to route the right visitor to the right next step, fast. The rest of the site (the services, the case studies, the contact form) does the deep work. The homepage decides who goes where. Once you design it as a switch rather than a display case, every section becomes a decision: who I serve, what I promise them, and where I send them.

This article walks through that structure top to bottom, section by section, with the concrete mistakes we fix most often. At the end, a five-second test you can run yourself tonight.

The short answer, for the busy

An effective homepage has one job: routing the right visitor to the right next step within seconds. It doesn't have to say everything, it has to route. In the first screen, the hero answers three questions: who you serve, what changes for them, and one action to take. According to the Nielsen Norman Group, visitors often leave a page in 10 to 20 seconds, but a clear value proposition stated within the first 10 seconds can hold their attention for several minutes. Next comes social proof (clients, named testimonials, verifiable numbers), then services written for people who scan rather than read, the handling of one or two objections, and a single final call to action. The costly mistakes are well known: a carousel that advances on its own, a "Welcome to our site" headline, a hero reciting a mission statement, and six buttons fighting over the same click.

The hero: three answers and one action

The first screen, the part you see before scrolling, does most of the work. Nielsen Norman Group research is consistent on this: in 2018, users spent about 57% of their reading time above the fold, and 74% within the first two screenfuls. What you put up top isn't an aesthetic detail, it's the majority of the attention you'll ever get.

A good hero answers three questions in one second of reading. Who are you for? What changes for that person? And what's the action to take? A headline like "Subscription websites for Quebec SMBs" says who and what at a glance. A subhead adds the concrete benefit. A single primary button gives the exit. That's it.

What kills a hero is misplaced ambition. "Welcome to our site" says nothing: the visitor already knows where they are. A mission statement ("Our passion is crafting memorable digital experiences") talks about you, not them. And a carousel cycling through five messages weakens each one. The Nielsen Norman Group is blunt here: auto-advancing carousels hurt accessibility, whisk information away before it can be read, and on mobile the user has already scrolled past by the time the slide changes. Five rotating messages is five ways to remember none of them. Pick one.

Social proof, early and verifiable

Right after the hero, before you even detail your services, show that others have trusted you. A visitor who has just understood what you do immediately wonders: does this work for people like me? Social proof answers before the question turns into a hesitation.

Format matters less than credibility. Real client logos, a named testimonial (first name, company, a specific result), a number you can defend. What weakens proof is vagueness: "Our clients love our services" with no name or face convinces no one, because everyone writes it. A vague testimonial does more harm than an empty space: it signals you have nothing concrete to show. If you're just starting and have no clients to cite yet, lean on something else that's true (years of experience, certifications, a clear guarantee) rather than manufacturing enthusiasm.

Services, written for people who scan

Nobody reads a homepage word for word. They scan it. So the services section has to be scannable: short blocks, one heading per service that names the outcome rather than the method, one line of explanation, a link to the detail page. The visitor should spot the one that concerns them within three seconds and click.

The classic mistake is writing this section for yourself instead of the reader. "Custom full-stack development" is vendor language. "A fast site you don't have to manage yourself" is a benefit. The homepage isn't the place to explain everything: it lists the doors and lets each service page make the case. Three to five well-named services beat an exhaustive list where the visitor gets lost. If you're torn between showing the mechanics and showing the result, show the result; the how belongs on the next page.

Handle the objection, don't dodge it

Between interest and action there's almost always a doubt. Too expensive, too slow, I'll have to manage it all myself, I'm not sure it's worth it. An honest homepage names the main objection and answers it, instead of hoping the visitor forgets.

The form can be a short "how it works" in three steps, an answer on price (even without an exact figure, a range or a model), or two or three frequently asked questions. The goal isn't to sell harder, it's to remove the stone in the shoe. For us, the recurring objection is the subscription: "why rent rather than buy my site?" We answer it plainly rather than sidestep it, because an untreated doubt doesn't vanish, it just closes the tab. If you want to dig into conversion leaks beyond the hero, we covered five mistakes that hurt your conversions in another article.

The final call to action: one, repeated

At the bottom of the page, the visitor who has read everything is the warmest of the visit. Don't leave them hanging. Repeat the primary action, the same one as in the hero, phrased clearly: "Book a call", "Request an audit", "Get in touch". A verb, a promise, a destination.

The trap here is multiplication. When a homepage offers six exits (contact, quote, newsletter, blog, download, chat) all competing for the same attention, it prioritizes none, and the visitor, faced with too many choices, chooses nothing. A homepage that converts has one dominant action, repeated at two or three natural moments, with everything else in the background. Decide the single thing you want the visitor to do, then make it obvious everywhere.

The five-second test

Here's how to check your own page tonight, with no tool. Show your homepage to someone who doesn't know your business for five seconds, then hide the screen. Ask three questions: what do we sell here, to whom, and what am I supposed to do? If they hesitate on any of the three, your hero is failing, and no tweak further down will fix that.

This method, known in UX research as the "five-second test", isolates exactly what matters: immediate clarity. It doesn't measure whether your design is pretty, it measures whether your message lands. Most homepages we rebuild fail the test not from too little content but from too much: too many competing messages, none strong enough. The fix is almost always a subtraction, not an addition.

A good homepage is a decision, not an accumulation. Decide who you serve, what you promise them, and where you send them: the rest follows. If you'd like an outside look at yours, with the friction points quantified, that's exactly what we do in an audit.

→ Request an audit of your site