Think of the first screen as the five seconds you would get if a stranger walked into your shop, looked around once, and decided whether to stay. On a website, that decision happens before the first scroll. Four questions have to get answered in that one glance:
The order matters less than completeness. Miss any one of the four and the visitor has to scroll and hunt for it. Most will not.
Most first screens fail in the same handful of ways. Check yours against this list:
Every one of these is the same leak. Your website is plumbing for money: traffic pours in at the top, and a first screen that says nothing lets it drain straight back to the search results. This is the visibility leak, and it is the easiest one to spring, because nothing looks broken. The site loads fine. It just does not say anything.
Use a fill in the blank and resist the urge to decorate it: what you do, for who you serve, in where you serve. Then a subline that carries your proof, then your one button.
Imagine a bakery whose homepage headline says 'Sweet moments, baked daily.' Pretty, and useless. Rewritten with the formula: 'Custom cakes for weddings and birthdays in Mesa.' Subline: 'Family owned, licensed kitchen, pickup and delivery.' Button: 'Get a cake quote.' Nothing clever happened there. A stranger just learned what, who, where, why, and what to do next, in one breath.
Two notes on the proof line. First, it has to be true and specific to you: a real year, a real license, a real photo. If you are new and have no track record yet, say something honest instead, like a guarantee you actually stand behind. Empty badges and invented review counts hurt more than silence. Second, keep it short. The first screen makes the claim. The rest of the page carries the evidence.
Last, write the button in your customer's words. 'Submit' and 'Learn more' are website words. 'Get a quote,' 'Book a cleaning,' and 'See prices' are customer words.
Three checks you can run tonight, for free.
If you want a second opinion that is not a friend being polite, we built a free grader for exactly this. Paste your address at /apps/scan/?src=answers and about 60 seconds later you get a letter grade and a list of the money leaks it found, first screen included. We ran it on our own site first and published the embarrassing C- it gave us, along with every fix, at /blog/we-graded-ourselves/, so you can see what an honest report looks like.
If the scan turns up leaks you would rather not patch yourself, we fix them for 490 flat, done in 72 hours. But run the free checks first. A surprising number of first screens can be fixed tonight, by the owner, with one honest sentence and one clear button.
'Above the fold' is everything a visitor sees before scrolling, a term borrowed from the top half of a folded newspaper. On a phone that is a small space: roughly one headline, one supporting line, and one button. Whatever lives there gets seen by nearly everyone. Whatever lives below it gets seen only by the people the top convinced to keep going.
No. Your name is already in your logo, and to a stranger it carries no information. Use the headline to say what you do and who you serve, like 'Mobile dog grooming across northern Tulsa.' Your name starts to mean something only after a visitor knows what you can do for them.
One primary action, matched to how you actually win customers: a call, a booking, or a quote request. You can repeat that same action farther down the page, but putting two or three competing buttons on the first screen splits attention, and split attention usually means no click at all.
Paste your address, get a letter grade in 60 seconds, and see every visibility leak your first screen is hiding.
Grade my site free