Field notes
Landing page examples: Six patterns that work, and what each costs to build
Web Design
what we found when we opened it
DevShutter Team, Mohali, India · · 4 min read
8+ years building websites, 40+ sites launched. We do the work on every project ourselves, from the first call to launch.
Search landing page design examples and you get galleries: rows of screenshots, beautifully cropped, with no indication of whether any of them converted anything. A screenshot cannot tell you why a page worked, because what worked was the order of the argument, not the typeface. So this is the other kind of gallery — six patterns described by what they do structurally, what each is for, the one mistake that kills each, and what each costs to build properly.
What does a landing page cost to build?
A landing page built properly — written, designed, and measurable — sits in the first bracket on our pricing page, around $999. Templates do it for less, agencies for more; the difference is whether somebody wrote the argument or filled in a layout. All six patterns below cost about the same and differ only in what they achieve.
The six patterns
- The single-offer page. One thing for sale, one action, no navigation out. Structurally: the promise, the proof, the objection, the action, once. Use it for a paid campaign where you know the search intent exactly. What kills it is adding a menu — every link out is a door, and you built a room with one door on purpose.
- The comparison page. Your option against the alternative the buyer is genuinely weighing, including the case where they should choose the other one. Use it for a considered purchase where the buyer is already comparing. What kills it is a table where you win every row, which reads as marketing rather than help and is the fastest way to lose a careful reader.
- The proof page. One customer, in depth, with the numbers and the before. Use it for a high-value service where trust is the whole barrier. What kills it is the testimonial with no name and no specifics — an unattributed quote is worth less than no quote, because it tells the reader you could not get a real one.
- The calculator or tool page. The visitor puts something in and gets something back. Use it for any offer where the buyer’s first question is “what would this cost me” or “how bad is mine”. What kills it is asking for an email before showing the result. Our own nine-point audit is this pattern, and it prints every reading before it asks for anything.
- The objection page. A page built entirely around the reason people do not buy — price, lock-in, switching cost, whatever yours is. Use it for a market where one objection dominates and every competitor is pretending it does not exist. What kills it is softening the objection in the headline; you are there to name it plainly or not at all.
- The long local page. One service, one place, written for somebody who will actually phone. Use it for local service businesses where the buyer wants to know you are real and nearby. What kills it is writing the same page fifteen times with the city swapped, which is a pattern search engines read for exactly what it is.
The four parts every one of them needs
Whatever pattern you choose, four parts do the actual work and everything else is finishing: a first line that names the reader’s situation, one consistent action, proof placed at the objection rather than the bottom, and something measurable so you can tell whether the page is actually working.
- A first line that names the reader’s situation, not your category. “Your website looks fine and still is not bringing in work” beats “Award-winning web design” on any page, for any business.
- One action, stated the same way every time it appears. Three differently worded buttons read as three different offers.
- Proof positioned at the objection, not collected at the bottom. The testimonial about price belongs beside the price.
- Something measurable at the end. If you cannot tell which version did better, you have built a poster.
Build one this week, and know whether it worked
- Write the objection first, before any design. One sentence: the real reason a qualified person does not buy. If you cannot write it, phone three customers who did buy and ask what nearly stopped them.
- Pick the pattern that answers that objection. Price objection: the comparison or the calculator. Trust objection: the proof page. Everything-looks-the-same objection: the objection page.
- Write the whole argument as plain text before anyone opens a design tool. If the argument does not hold as a plain document, layout will not rescue it — and you will have spent the budget finding that out.
- Cut every link that is not the action. Then count what is left. On a single-offer page it should be one.
- Put one measurement on it: how many arrived, how many acted. Without those two numbers the page cannot be improved, only redecorated.
- Run it for four weeks before changing anything. Then change one thing, not four, or you will never know which one moved it.
Where a landing page sits next to the rest of the site
A landing page has one job, which is why it should not be your whole website — the site holds arguments a buyer wanders through. Weighing one page against a site? What a small-business website costs in Canada lays out the brackets, and what a redesign actually costs covers what you have. Test it with the free nine-point audit.
Landing page examples: Six patterns that work, and what each costs to build
- Shelf
- Web Design
- Read
- 4 min
- Written
- 19 Sep 2026
More field notes
Small-business website examples: Three rebuilds, and what actually changed
A gallery of screenshots teaches nothing, because you cannot see what was wrong with the old one. Three… Case Studies
Rebuilding Smash House on Shopify: A conversion-first teardown
Smash House had the traffic and the burgers. What it didn't have was a checkout that respected either.… Case Studies