Guides · Landing pages and conversion
Landing page design: the principles that move the number
Good landing page design is the order of the page, not its look: one offer, one action, and answers in the order a visitor asks them. A landing page is a single page built for one offer and one audience, usually reached from an ad. Design choices that serve that job raise the share of visitors who enquire. Choices that only look good do not.
We know because we measure it. For Jim's Mowing, we split their Meta ad traffic at random for eight weeks between their main website and a quote page we built. The quote page turned 11.5% of visits into an enquiry (121 of 1,053 visits). The main website turned 4.0% (19 of 477), as published on our conversion rate optimisation page. Same ads, same audience, same budget. Below are the principles behind that page, in the order we apply them.
What is the first principle of landing page design?
Give the page one job. Pick the single action you want, whether that is a quote request, a phone call or a booking, and make every element serve it.
The clearest case is the menu. The Jim's Mowing main website has eight menu links, and each one is a way to leave without enquiring. The quote page has none. Nothing else about the offer changed in the test, so the page's single focus is a large part of why it won.
Apply it to your own page with a quick test. Count the links and buttons that are not the main action. Every one needs a reason to stay. A logo that links home, a second offer and a blog link all fail it. If you want visitors to browse, you want a website, not a landing page.
What should the first screen say?
The first screen should finish the sentence the ad started. If the ad promised a lawn quote in Auckland, the headline says that. It does not say "Welcome to our company".
A visitor decides in a moment whether this page is the one they clicked for. Four things carry that decision, and nothing else belongs up there:
- A headline that repeats the ad's promise in the visitor's own words.
- One line on who it is for and where you work. The Jim's Mowing quote page says Auckland. The main website speaks to the whole country, and a homeowner wants to know you work on their street.
- The main button, visible without scrolling.
- One piece of proof, such as a real review or a photo of a real job.
Match the page to the ad it serves. A page built for one ad and one audience beats a page that tries to suit every ad you run. That is why we build a page per offer.
In what order should the page answer questions?
Answer in the order a person would ask them in a shop: is this for me, how does it work, can I trust you, what happens next. Design the page as that conversation, top to bottom.
- Is this for me? The first screen answers it.
- How does it work? Three short steps. Skip a long explanation.
- Can I trust you? Reviews with names, and photos of real work. Stock photos hurt here, because a visitor can tell.
- What happens after I submit? Say who calls and when. On the Jim's Mowing page, the call is promised in about 20 seconds, taken from Jim's own call-centre figures.
Put proof before price. A visitor who trusts you will read the price. A visitor who does not will leave on the price. Specific trust works better than a claim: speak to what a homeowner worries about, instead of calling the business "professional".
How should you design the form and the button?
Make the first step small. The Jim's Mowing form opens with seven service buttons before any typing, so the first action is a tap, not a chore. Once someone has tapped, they are more likely to carry on.
Then keep the form short. Ask for a name, a phone number and the one detail you need to quote. Each extra field is another reason to stop. If you need more, ask on the call.
Treat the phone as a main button. In the same test, 5.8% of visitors tapped to call, against 1.0% on the main website. For urgent work, such as a leak or a breakdown, the call button can matter more than the form. A phone number that is plain text, not a tappable link, costs you the visitor who is standing in a driveway with a problem. Enquiries in this test mean a form or a tap to call, measured in Google Analytics from 3 August to 29 September 2026.
Why does design for a phone come first?
Design the page on a phone first, because most ad traffic arrives on one. Check three things with your own thumb: the button is reachable, the text is readable without zooming, and the form does not need pinching.
Speed belongs here too. A page that takes several seconds to load loses people before the headline appears. Run it on mobile data, not your office wifi. Heavy sliders, autoplay video and large uncompressed photos are the usual causes, and you can remove all of them without losing a single sentence of the offer.
Test the finished page the way a customer would. Tap the ad on your own phone, read the first screen, and try to enquire with one hand. If you stumble, a paying visitor will too, and you have paid for that click. Ask someone outside the business to do the same and watch where they hesitate. Their pause points are your design list.
What design choices to skip
Skip the choices that make the page look expensive and do nothing for the number.
- Animation and sliders. They move the eye away from the button.
- Clever headlines. A visitor in a hurry needs clear, not clever.
- Long paragraphs about your history. Visitors want to know what you will do for them. Keep the story for the About page.
- A navigation menu. See the first principle.
- Colour debates. A button that stands out from the page beats any particular colour. Test a bigger change first, such as the headline or the first step of the form.
Do not copy another business's look and expect its result either. Copy the structure: the order, the number of choices, the first sentence and the position of the button. Our guide to landing page examples that convert shows how that works on five common page types.
How do you know the design is working?
Compare your pages against each other, on the same traffic, over the same weeks. Divide visits that enquired by total visits. That is your conversion rate, and our guide to what is a good conversion rate explains how to judge it fairly.
Here is a worked example with illustrative numbers, not a client's. You spend $1,000 on ads at $2 a visit, which brings 500 visits. At 4.0% the page produces 20 enquiries, or $50 each ($1,000 ÷ 20). At 11.5% it produces about 57 enquiries, or $18 each ($1,000 ÷ 57). Nothing changed except the page. Try your own figures in the ad spend calculator.
Judge on sales, not only enquiries. A page that brings more enquiries and fewer sales is not a win.
Design is not the fix every time. With only a few dozen visits a month, no test gives a clear answer, so spend on getting people to the page first. And a better page cannot rescue an offer people do not want. If you run ads and cannot tell where the leak is, our free ads audit is a quick second opinion.