Someone lands on your website from an ad or from Google and decides within seconds whether they’re in the right place. If the top of the page doesn’t tell them what you do, who it’s for and what to do next, they leave – and you never find out why. In this article, you’ll find a simple value proposition template and before-and-after examples for three types of businesses.
What a value proposition is
A value proposition is a short statement of what customers get from you and why they should choose you. It’s not a slogan or a motto. It’s the answer to the question “What’s in it for me?” – written so that even someone who has never heard of your business understands it.
On your website, it belongs in the header – the top part of the page that visitors see without scrolling. On mobile, that space is even smaller, so every word has to pull its weight.
Four questions your header has to answer
Who is it for?
Visitors need to recognize themselves in the copy: “for family homes around Bardejov,” “for online stores on Shoptet,” “for owners of dogs with sensitive stomachs.” Being specific doesn’t scare off the right customers, only the wrong ones.
What exactly do I get?
Name your product or service in your customers’ words, not in internal jargon. Not “comprehensive roofing system solutions,” but “a new roof or a repair of your old one.”
Why you?
One or two specific reasons: speed, a guarantee, specialization, proximity or the way you work. Specific and verifiable – not “quality and reliability,” which everyone claims.
What should I do now?
One main button with a clear call to action (CTA), such as “Book an inspection” or “See the offer.” If there are four equally prominent buttons, visitors don’t know which one matters. For tips on wording your buttons, see our article CTA: the small detail that decides whether your website succeeds.
A header template you can use right away
- Headline: what the customer gets or what problem gets solved. One short sentence.
- Subheadline: who it’s for, how it works and why you. One or two sentences.
- Button: one next step, starting with a verb.
- Proof: your review rating, client logos or years in business – real data only.
- Image: your product, your work or your people, not a stock photo.
On mobile, all of this counts double
For many websites, a large share of visits comes from mobile, where the first screen fits only the headline, part of the subheadline and the button. So:
- Check your header on an actual phone, not just by shrinking the browser window on your computer.
- The button has to be visible without scrolling and big enough for a thumb.
- If the subheadline doesn’t fit, shorten the text – don’t shrink the font.
- A background image must not cover the text – on a small screen, contrast gets lost even faster.
For more tips, see our article on how to design UX for mobile users.
Before-and-after examples
Tradesperson: a roofer
Before: “Welcome to the website of XY Roofing. We are a dynamic company with many years of experience in roofing systems.”
After: Headline: “A new roof or a repair, without the runaround.” Subheadline: “Family homes in and around Bardejov. A written quote after the inspection and a date we stick to.” Button: “Book an inspection.”
What changed: it’s clear who the service is for (family homes in the region), what the customer gets (a new roof or a repair), why this company (a written quote, a date that’s kept) and what to do next. But promise only what you’ll actually deliver.
Online store: loose-leaf tea
Before: “Discover a world of flavors” with a slider of five banners underneath.
After: Headline: “Loose-leaf teas straight from the growers.” Subheadline: “Green, black and herbal teas, also in small packs to try. We ship orders the next business day.” Button: “Choose your tea.”
What changed: “a world of flavors” says nothing. The new headline says what the store sells and how it’s different. The subheadline removes the worry about buying a large pack and covers delivery. The slider is gone, because visitors often notice only its first slide.
B2B service: payroll
Before: “Comprehensive accounting and advisory services at a professional level.”
After: Headline: “Payroll and HR for companies that don’t want to deal with red tape.” Subheadline: “Payroll, contributions and filings for small and medium-sized businesses. One dedicated contact who replies the same day.” Button: “See pricing.”
What changed: a specific service instead of “comprehensive services,” a clear target group and a reason to choose this company – a dedicated contact and a quick reply. The button leads to the price list, which B2B customers look for before they decide to call.
The five-second test
The simplest test doesn’t need any tools. Show the top of the page on a phone for five seconds to someone who doesn’t know your business. Then put the phone away and ask them three questions:
- What does this company do?
- Who is it for?
- What would you do next?
If the answers don’t match what you want to say, the problem isn’t the visitor. Repeat the test with two or three people and keep editing the copy until the answers are clear.
The most common header mistakes
- A greeting instead of an offer: “Welcome to our website.”
- Generic words: quality, professionalism, comprehensive solutions, many years of experience.
- A slider that changes messages before anyone can read them.
- Lots of buttons with equal weight.
- Text embedded in an image, which shrinks to an unreadable size on mobile and which search engines can’t read.
- A pretty but empty photo that has nothing to do with the offer.
Once your header is done, build the rest of your homepage following our article How to create a homepage that sells. And if you want to write copy that persuades, start with the basics of copywriting.
Frequently asked questions
Is a value proposition the same as a slogan?
No. A slogan should be memorable and is often figurative. A value proposition should be clear and specific. You can have both on your website, but the value proposition comes first.
How long should the header headline be?
Short enough to read at a glance, even on mobile. If you need more words, move the details to the subheadline.
Should I have the same value proposition on every page?
Your company’s main value proposition belongs on the homepage. Individual service and category pages should have their own, more specific version. An ad should lead to a page whose offer matches the ad text.
How do I know if the new header works better?
Compare the number of clicks on the main button and the number of inquiries or orders before and after the change. With more traffic, you can run an A/B test, where half of your visitors see the old version and half see the new one.
If you want a website that tells visitors right away why they should stay, see how we approach web design. We’ll help you with the offer, copy and design so your website works.
