The first screen of a business website should usually tell the visitor enough to understand what the business does, why the page is relevant and what they can do next. It does not need to contain the entire sales pitch.
"Above the fold" simply means the part of the page visible before the visitor scrolls.
The phrase comes from newspapers, where the most important material had to compete for attention on the visible half of a folded front page.
Websites are not newspapers.
Screens also come in many sizes.
So I would not treat the fold as a rigid pixel line.
The useful principle is much simpler:
do not waste the first screen.
The visitor needs orientation
When somebody lands on a website, they are trying to place themselves.
What is this?
Is it relevant to me?
What does the business actually do?
Where does it operate?
What should I do next?
The top of the page should reduce that uncertainty.
That is why vague hero copy can be frustrating.
A headline such as:
Building tomorrow, together
may sound polished.
It tells me almost nothing.
If the business is a commercial electrician in Longford, clarity is more useful.
You can still have personality.
Just do not make the visitor decode the brand first.
The headline carries most of the weight
The main headline should communicate the most important idea on the page.
On a homepage, that is often the core proposition.
On a service page, it may simply state the service clearly.
On a landing page, it may focus on the specific outcome the visitor arrived looking for.
The headline does not need to contain every keyword variation or every selling point.
It needs to establish relevance.
Gavin's take
The top of a small-business homepage is valuable space, so I would not spend it on a vague slogan that could belong to almost any company. “Welcome to our website” and abstract brand language make the visitor do extra work. A specific headline that tells the right customer they are in the right place is usually a much stronger use of the first screen.
Supporting text answers the next obvious question
A good headline often benefits from one short piece of context.
For example:
Custom websites for small businesses in Ireland.
could be followed by:
Designed around the individual business, with transparent pricing and no unnecessary monthly hosting package.
Now the visitor understands both the service and a meaningful part of the positioning.
That is more useful than filling the hero with several paragraphs.
The top of the page should create momentum, not finish the conversation.
There should normally be an obvious next step
If the visitor is ready to act, do not hide the route.
That may be:
"Get a quote."
"Book a table."
"Call now."
"View services."
"See our work."
The right action depends on the page.
A homepage may need both a primary and secondary route.
For Built by Gavin, for example, someone may want to view my work before they are ready to contact me.
That is completely reasonable.
The page should support the decision rather than demand commitment too early.
Does the CTA have to be above the fold?
Usually I would want an important action available early.
But I would not turn that into an inflexible law.
Some offers require explanation before asking for a commitment.
A high-value professional service may need more trust first.
The important thing is that an interested visitor should not struggle to find what happens next.
There is a fuller discussion coming in the guide on how many calls to action a website should have.
What about the image?
The hero image should earn its space.
A real project, premises, product or person can add context and trust.
A strong visual brand treatment can establish character.
But a giant generic stock photograph does not become useful because it occupies half the screen.
If the image pushes all useful information below the fold, it needs to be worth that trade.
Sometimes the best hero uses imagery heavily.
Sometimes typography should do most of the work.
Again, the business should decide.
Proof can appear early
Some businesses benefit from an immediate trust signal.
A review score.
A recognisable client.
A professional qualification.
A simple statement of years of experience.
A strong project image.
That can be useful above the fold or immediately below it.
The aim is not to cram six trust badges into the hero.
It is to answer the doubt most likely to stop the visitor continuing.
Should prices appear above the fold?
Sometimes.
If price is a major differentiator or the service is deliberately transparent, a starting price can be powerful.
It qualifies the visitor immediately.
For Built by Gavin, published pricing is part of the positioning because I want small businesses to understand roughly what the service costs before making contact.
But a complex service may genuinely need discovery before a useful figure can be given.
There is no universal homepage law.
The fold moves
A large desktop monitor and a small phone show completely different amounts of content.
Browser bars, accessibility settings and device orientation change it again.
That is why I would never design around a precise "everything important must fit within 700 pixels" rule.
The principle survives without the measurement:
the initial viewport should contain enough meaningful information to encourage the right next action.
Mobile changes the priority
On a phone, there is less room.
That forces stronger decisions.
A long navigation bar becomes a menu.
A two-column hero may stack.
The supporting paragraph may need to be tighter.
A phone or booking action may deserve more prominence.
This is not a compromise.
It is part of the design.
For many local businesses, the mobile first screen may be the most commercially important version of the site.
What I'd do
I would design the first screen on a phone early, not squeeze a desktop hero into mobile later. If the business depends on calls, quotes or bookings, the mobile visitor should be able to understand the offer and reach the primary action without fighting a giant image, oversized navigation or decorative copy.
What should not dominate the first screen?
Anything that delays understanding without giving enough value back.
A long loading animation.
A cookie banner that covers the whole page unnecessarily.
A giant stock image with no useful message.
A vague slogan.
Several equal-weight buttons.
An autoplay video that exists mainly because it looks expensive.
There can be exceptions to all of these.
But the burden of proof is on the element.
The visitor's attention is valuable.
Use it deliberately.
Does everything important need to be above the fold?
No.
People scroll.
A good page should reward scrolling.
The first screen's job is not to contain every testimonial, FAQ, service and pricing detail.
Its job is to establish enough relevance and confidence for the visitor to continue.
Then the rest of the page can do the deeper work.
That is how a good small-business website should be structured: clear hierarchy rather than everything fighting for first place.
How this affects lead generation
The first screen is the start of the lead-generation chain.
If the visitor immediately realises they are on the wrong page, they leave.
If they cannot understand the business, they may leave.
If the page looks untrustworthy, they may leave.
If it feels relevant and clear, they continue.
That does not create the lead by itself, but it earns the next few seconds.
I explain the full chain in how websites generate leads.
How I approach hero sections at Built by Gavin
I do not start with:
Which hero template should we use?
I start with:
What does this visitor need to understand first?
Sometimes that leads to a bold, minimal hero.
Sometimes a photograph deserves a major role.
Sometimes pricing should appear immediately.
Sometimes work examples should be visible almost at once.
The visual solution changes because the business changes.
That is the advantage of custom design.
The goal is not to make every Built by Gavin homepage look like Built by Gavin.
It is to make each client's homepage work for that client.
The bottom line
Above the fold, a business website should usually establish:
what the business does;
why the page is relevant;
a useful reason to trust or continue;
and a sensible next action.
But do not turn that into a rigid checklist that makes every homepage identical.
The first screen is valuable because it creates orientation.
Use it well, then let the rest of the page continue the job.
Want a stronger first impression on your current site?
See examples of my work or my website options and pricing.
If you already have a website, send me the URL and I can tell you what I think the first screen is currently communicating.
---