A homepage has one job before it has any visual polish: it must tell a new visitor what you do, who it is for, and what happens next.
That sounds obvious until you look at how many homepages hide the answer behind slogans, sliding banners, vague promises, or three paragraphs of self-description. The result is predictable. People arrive, hesitate, and leave. They are not being difficult; they are being efficient.
If your site serves a business, artist, or charity audience, the homepage has to earn attention fast. It should explain the offer in plain language, support that claim with proof, and make the next step easy to see. Google’s helpful content guidance is a useful reminder here: write for people first, not for decoration or noise. The same principle applies to the first screen of a homepage.
In this guide, I will show you a simple structure that works, examples you can adapt for different sectors, the mistakes that slow visitors down, and a quick review checklist you can use on a live homepage in about ten minutes. If you want to compare the advice against your current site, keep your Home page open in another tab while you read.
What a homepage must answer in the first 10 seconds
Visitors usually do not read a homepage from top to bottom. They scan for clues. Nielsen Norman Group’s guidance on how users read on the web is still relevant because the pattern has not changed much: people skim first, then commit attention if something looks promising. A homepage should therefore answer three questions almost immediately:
- What do you do?
- Who is it for?
- What should I do next?
If a visitor cannot answer those questions from the top section of the page, the rest of the page has to do too much work. That usually leads to a bigger problem: the page feels “busy” but still unclear. A homepage can have strong branding, attractive imagery, and multiple sections, yet still fail if the first screen does not establish direction.
The first screen does not need to explain everything. It needs to remove uncertainty. Think of it as a decision point, not a brochure cover. The purpose is to help the right visitor continue and help the wrong visitor leave quickly without frustration. That is not a harsh goal. It is efficient.
For a business, the visitor may be asking whether you solve their specific problem. For an artist, they may be asking whether the work is original, credible, and current. For a charity, they may be asking whether the mission is real, what the impact is, and how they can help. Each case needs clarity, but the wording changes.
A useful test is this: if someone landed on the page with no prior context, would they understand your offer before they scroll? If the answer is no, the homepage still needs editing. The fix is usually not more copy. It is clearer copy.
A simple structure: headline, subheadline, proof, and call to action
Most effective homepages can be reduced to four parts. That is not a design rule invented for sport. It is simply the easiest way to organize attention.
| Homepage element | What it does | Common failure |
|---|---|---|
| Headline | Says what the site does in one short line. | Uses a slogan that sounds nice but says nothing. |
| Subheadline | Adds context: audience, service, or outcome. | Repeats the headline without adding meaning. |
| Proof | Shows why the visitor should trust the claim. | Hides proof far down the page or leaves it out entirely. |
| Call to action | Tells the visitor what to do next. | Uses a weak label such as “Learn more” for every button. |
1. Write a headline that says the job plainly
The headline should not try to be clever. It should explain the business in the fewest words possible. A visitor does not need your life story. They need a signal.
Good headline patterns usually sound like this:
- We design websites for small businesses.
- Original portfolio websites for artists and studios.
- Donation-ready websites for charities and community groups.
The strongest headlines often use familiar nouns and verbs. They avoid filler words such as “solutions,” “innovative,” or “world-class” unless the page immediately proves the claim. Those words have been overused to the point of invisibility.
2. Use the subheadline to narrow the fit
The subheadline adds the useful detail that the headline leaves out. It can name the audience, explain the service, or describe the result. If the headline is the sign on the door, the subheadline is the person who says, “Yes, the right room is this way.”
Examples:
- From first draft to launch, with clear copy and a mobile-friendly layout.
- Made for artists who want their work to look confident and easy to browse.
- Designed for charities that need clear donations, events, and contact paths.
This is the point where precision matters. A homepage for everyone usually speaks clearly to no one. Narrowing the fit does not reduce appeal; it improves trust.
3. Place proof near the claim
Proof can be brief. It does not need to become a wall of testimonials. One or two of these usually work:
- A short testimonial.
- A client count or project count, if it is real and current.
- A recognizable outcome, such as faster enquiries or clearer navigation.
- A selection of work or case study thumbnails.
- Memberships, affiliations, or awards, if they are relevant and verifiable.
Proof is useful because it answers the quiet question behind every visit: “Why should I believe this?” If the homepage only makes claims, it feels one-sided. A little evidence makes the message feel earned.
For public-facing advice on plain language, the GOV.UK writing guidance is a strong reference point. Even if your site is not a government site, the lesson is practical: use short sentences, concrete words, and clear labels.
4. Make the call to action unmistakable
The call to action should match the visitor’s stage of confidence. A homepage visitor may not be ready to buy, but they may be ready to enquire, view work, or learn more about a service. The label should reflect that.
Better labels include:
- Request a quote
- View the portfolio
- Contact us
- See support options
- Donate now
Weaker labels include:
- Learn more
- Read more
- Click here
- Submit
If the homepage has one main action, give that action visual priority. If it has two, make one primary and one secondary. More than that, on the first screen, is usually too much. Choice can be a burden when the visitor has not yet understood the offer.
Examples of clear wording for business, artist, and charity sites
Different sectors need different details, but the structure stays similar. The table below shows how the same homepage logic can be adapted without sounding generic.
| Site type | Headline example | Subheadline example | Primary CTA |
|---|---|---|---|
| Business | Clear website design for growing local businesses | Simple, responsive sites that help customers understand what you do and how to contact you. | Request a quote |
| Artist | Portfolio websites that let your work do the talking | Clean layouts for painters, ceramicists, photographers, and studios that need space for the work itself. | View portfolio |
| Charity | Donation-friendly websites with a clear mission | Made for charities that need straightforward appeals, event updates, and volunteer enquiries. | Support our work |
Business example: practical and specific
A business homepage should be direct enough that a visitor can tell whether the company fits their needs. A service business often works best when the headline names the service, the subheadline names the audience or outcome, and the CTA points toward contact or a quote request.
Example layout:
- Headline: Website design for small businesses
- Subheadline: Get a clear, mobile-friendly site that explains your service and encourages enquiries.
- CTA: Request a quote
If you already have a stronger offer page, keep the homepage short and send people there after the first screen. The homepage is not the place to explain every package. That job belongs elsewhere, usually on a service page or in a fuller contact path. If a visitor needs more help before deciding, a visible Support link can reduce friction by showing that the next step is not a dead end.
Artist example: let the work lead
Artists often make the mistake of writing too much about process before showing the work. That is understandable. It is also risky. Most visitors arrive to see whether the work is strong and the presentation is credible.
For an artist homepage, the priority is usually:
- Show a strong image quickly.
- Explain the type of work in one line.
- Give a clear path to the portfolio or enquiry form.
Example layout:
- Headline: Contemporary ceramic work with a clean, gallery-style presentation
- Subheadline: Explore selected pieces, exhibitions, and commissions.
- CTA: View selected work
This type of homepage often benefits from fewer words, not more. The work should carry the argument. A supportive sentence or two is enough to orient the visitor. Anything longer risks competing with the images.
Charity example: mission first, then action
A charity homepage needs a different balance. The visitor wants to understand the mission, the impact, and the route to help. The wording should be compassionate without becoming vague. The mission should be stated clearly enough that a new visitor can repeat it in their own words.
Example layout:
- Headline: Support local families with practical community services
- Subheadline: We connect people to food, advice, events, and volunteer support.
- CTA: Donate today
For charities, proof can include a short impact statement, a recent statistic, a volunteer quote, or a simple explanation of where donations go. The key is to show that the organization knows how to convert attention into action. A homepage that only describes the problem is incomplete.
Common mistakes: vague slogans, too much text, and missing contact prompts
Most weak homepages fail for familiar reasons. None of them are mysterious, which is unfortunate because it means they are avoidable.
1. Vague slogans that sound polished but say little
“Creative solutions for modern needs” sounds harmless. It also gives the reader almost nothing to work with. If the homepage begins with a slogan, the slogan still has to earn its space by being specific. Otherwise it is just decorative fog.
Specific language is more useful because it creates a mental model quickly. It also helps the visitor self-select. A homepage should not trick people into browsing. It should help the right people recognize themselves.
2. Too much text above the fold
A homepage can be informative without being dense. The problem is not length by itself. The problem is density without hierarchy. If every line competes for attention, nothing wins.
Use the first screen for the essential message, one supporting sentence, and one obvious action. Save the longer explanations for the sections below. This aligns with how people scan on the web, which is why the NNGroup reading guidance remains so useful: readers do not grant unlimited attention just because a page exists.
3. Missing contact prompts or next-step links
Some sites explain the offer well but forget to tell people what to do next. That creates a quiet failure. Visitors understand the site, but they cannot move forward without hunting for the next step.
At minimum, a homepage should show one of these:
- A contact button.
- A portfolio or services button.
- A donation or enquiry button.
- Clear phone, email, or form access where appropriate.
If the goal is enquiries, the homepage should not hide the contact route in the footer alone. Put it where the visitor can see it without effort. If you need a reference point for the page where that action should lead, keep your Contact page visible in the main navigation and in the body text where it is relevant.
4. Using the same message for every audience
Business owners, artists, and charities often share a platform, but not a message. A homepage should reflect the actual visitor’s question. The same design can support different goals, yet the copy should change. If everything sounds generic, the page will not feel like it belongs to anyone in particular.
5. Hiding the proof too far down the page
Proof works best when it appears close to the promise. If the visitor has to scroll for several screens before seeing evidence, the homepage is making them do unnecessary work. Place the trust signals where they are easy to notice: near the headline, near the first CTA, or near a key offer.
A quick homepage review checklist
If I had to review a homepage quickly, I would use a short checklist rather than a design opinion. Opinions are cheap. Criteria are useful. The checklist below is designed for a business owner, artist, or charity lead who wants a practical review without getting lost in jargon.
For accessibility basics, the W3C WAI tutorials are a reliable place to check whether headings, labels, contrast, and form controls are doing their jobs. You do not need to become a specialist to benefit from them. You only need to notice where the page becomes hard to use.
- Can a new visitor tell what you do in one glance?
- Does the headline use plain language, not branding fog?
- Does the subheadline add useful detail instead of repeating the headline?
- Is there visible proof near the top of the page?
- Is there one primary call to action?
- Does the call to action use a specific label?
- Can visitors reach the Contact page without hunting?
- Is the mobile view as clear as the desktop view?
- Can someone understand the offer without reading every paragraph?
- Does the page avoid oversized blocks of text?
- Are images relevant, current, and easy to read?
- Do headings create a sensible sequence from top to bottom?
If the answer to two or more of those questions is no, the homepage probably needs a rewrite rather than a minor styling change. That is the quiet rule most owners learn the hard way.
A 15-minute rewrite process
If you want a simple way to improve the page, use this process:
- Write one sentence that says exactly what the site does.
- Write one sentence that says who it is for.
- Write one sentence that says what should happen next.
- Pick one proof point that is real and current.
- Remove any sentence that sounds clever but does not help the visitor decide.
- Test the result on a phone as well as a desktop screen.
That is usually enough to expose the weak points. A homepage rarely needs more complexity. It usually needs subtraction.
Terminology: the few homepage terms worth keeping straight
Not every page label is useful to every visitor, but a few terms help when you are editing the page with a designer, writer, or developer.
- Headline: the main statement at the top of the page.
- Subheadline: the supporting line that adds context or audience fit.
- Proof: the evidence that makes the claim believable.
- Call to action: the instruction that tells the visitor what to do next.
- Hero section: the first visible area of the homepage, usually where the headline and CTA appear.
These terms matter less as jargon and more as a shared checklist. If everyone on the project understands them, the homepage becomes easier to shape and review. If no one agrees on them, the page tends to drift into compromise.
What to do next
If your homepage is already live, do not start by changing everything. Start by asking whether a stranger would understand the page in ten seconds. If not, rewrite the first screen before touching the rest. Then decide whether the next click should go to a services page, a portfolio, a donation path, or your Contact page.
If your site supports visitors who need ongoing help after they enquire, keep the Support page visible as part of the journey. That way, the homepage does not have to solve every problem by itself. It just has to point people in the right direction.
For most business, artist, and charity sites, that is enough. The best homepage is rarely the most elaborate one. It is the one that removes doubt quickly and leaves the next step obvious.
Bottom line: make the message simple, place proof near the promise, and give the visitor one clear action. The rest is decoration, and decoration is allowed to be honest about its role.