Above the Fold: What Visitors Must See in the First 3 Seconds

"Above the fold" is the part of your website a visitor sees before scrolling. The term comes from newspapers: the top half of a folded paper had to sell the whole issue from a street stand. Your website works the same way. Above the fold design decides, in about three seconds, whether someone scrolls or hits the back button. On mobile, where most Nepali traffic lives, that first screen is small: maybe 360 by 640 pixels. Every element has to earn its spot.

The six things that belong above the fold

After building a few hundred sites at WebsNP, we've settled on a checklist. The first screen needs: your logo, a headline that says what you do, one supporting line, one primary button, one piece of proof, and a visible way to navigate. Six things. Most first screens we audit have two of them, plus a giant photo slider.

Notice what's not on the list. No animation. No autoplay video. No "Welcome to our website". Welcome messages tell visitors nothing they didn't already assume.

A note on the proof element, because it's the one people skip. It can be tiny: a star rating, a "trusted by 300+ Kathmandu businesses" line, a strip of client logos. Its job is to kill the quiet suspicion that the site might be fake or abandoned, before the visitor invests a scroll. Three seconds is enough time for doubt to form, so the first screen has to carry reassurance as well as information. Small proof, placed high, does that cheaply.

Write the headline for a stranger in a hurry

The headline is the whole game. It should contain what you sell and who it's for: "Dental clinic in Lazimpat, same-day appointments" or "Wholesale kitchen equipment for restaurants across Nepal". Specific beats clever. A stranger in a hurry doesn't decode metaphors, and neither does Google, which is why a keyword-bearing headline quietly helps your SEO too.

Keep it under about twelve words. Then one supporting line with the strongest detail: price range, delivery time, or guarantee.

The banner slider problem

Half the business sites in Kathmandu open with a rotating slider: five slides, each with different text, rotating every four seconds. Research on carousels is brutal: the first slide gets nearly all the clicks and the rest get close to none. Worse, sliders push real content down and add half a second or more of load time. One strong static image with one strong message beats five rotating ones. If three departments are fighting over the banner, that's an internal politics problem, and your visitors shouldn't pay for it.

Design for the 3-second test on a real phone

Here's a test we run in every WebsNP project review. Open the site on a mid-range phone, on mobile data, hand it to someone who has never seen it, and take it back after three seconds. Then ask: what does this company do, and what were you supposed to tap? If they can't answer both, the fold has failed. Common culprits: text over a busy photo, a cookie banner eating half the screen, a headline in light grey at 14 pixels, or a hero image still loading while the visitor stares at a blank block.

Speed is part of the fold. A first screen that renders in under two seconds on 4G feels instant. Getting there is mostly discipline: compress the hero image below 150 KB, skip web fonts you don't need, and use decent hosting. Every WebsNP site ships tuned this way on our NVMe servers, because a beautiful fold nobody waits for converts nothing.

Above the fold is a promise the rest of the page keeps

One last principle. The fold makes a promise; the rest of the page delivers evidence. If the fold says "same-day appointments", the page below should show how booking works, what it costs, and what patients say. Don't try to cram every detail above the fold. Its job is not to close the sale. Its job is to buy the scroll.

If you're not sure your first screen passes the 3-second test, send us your URL. We'll give you a straight answer and a fixed-price quote for fixing it within 24 hours, with most redesigns delivered in under a week.