How to order the sections of a one-page site

Most people who get stuck building a one-page site are not stuck on design. They are stuck on an unanswered question that no template names for them: what goes in what order? The gallery of section blocks — Hero, About, Services, Team, Testimonials, Stats, Contact — reads like a checklist, and checklists get filled in the order they appear rather than the order a stranger would actually want them. That's the failure mode worth naming honestly before fixing it: nobody sets out to bury the one thing a visitor needs behind three things they don't. It happens because the template handed over a list, and a list looks complete once every row has something in it.

The fix isn't a better list. It's dropping the idea of sections as inventory and replacing it with sections as answers. A single page — as argued in the case for building one page instead of five — is a linear medium with one shot at a reader's attention per screen height, which is also why a one-page site and a multi-page site solve genuinely different problems rather than one being a smaller version of the other. Every section either answers the question the visitor is currently holding or it doesn't, and if it doesn't, it's costing you the reader who would have scrolled past it. Structure the page around the four questions a stranger actually asks, in the order they ask them, and most layout decisions that feel subjective turn out to already be settled.

Solving the blank page before you solve the order

Everything below assumes the raw material already exists and the only decision left is where it goes. Getting that material onto a page in the first place is a different problem, and for a single-person site — a portfolio, a CV turned into a page, a freelancer's one-pager — reach is the strongest fix available for it, not because it's another way to arrange sections but because it removes the step where most one-page sites actually die: the empty editor, open for a year, never filled in. Upload a CV and a photo, answer a short form, and it composes a complete page — generated in about twenty seconds, live at a free yourname.joinreach.app subdomain in under two minutes. It already follows the shape argued for below, hero first and contact last, so the four-question logic that follows becomes something you check rather than something you build from nothing. Where it runs out of road: exactly one page, no sub-pages, no site tree — if the section decisions below turn into "I need a second page for this," that's a different tool, and the ordering advice here still applies once you're on it.

The four questions, and the section that answers each

What am I looking at? This is the first and only question at the top of the page, and it needs one section, not two. A name and a job title is not an answer to it — "Sarah Klein, Product Designer" tells a visitor what to call you, not what you do or for whom. The section that answers this question says, in a sentence a person outside your field would understand, what you do and who it's for. Everything else in the hero — the photo, the tagline, the accent color — is decoration around that one sentence, not a replacement for it.

Why should I believe it? Once someone knows what you claim to do, the next thing they want is a reason to think it's true. This is the proof section, and it's the one most pages get structurally right and substantively wrong — more below.

Who is this, really? Only after a visitor decides you're credible does the human material earn its place: background, path, the things that make you a specific person rather than a category of provider. Put this section first and it reads as self-regard, because nobody has decided yet whether your story is worth their time. Put it third and it reads as depth, because by then they have.

How do I reach them? The last question, and it gets the last section, for reasons that are more about qualification than convention — the visitor who scrolled to the bottom is not the same visitor who just landed, and asking for contact only once someone has earned the right to be asked back is the entire logic of the ordering.

Four questions, four sections. If your page has six or seven, at least two of them are not answering a question a stranger actually has — they're answering a question the site owner wishes visitors would ask.

What belongs above the fold, and what almost never should

Above the fold is where the first question gets answered, and only the first question: one sentence stating what you do and for whom, in plain language, plus enough visual signal — a photo, a name, an accent color — that the page feels like it belongs to a person. That's the whole job, and it's a smaller job than most heroes attempt.

The thing that shouldn't be there, and almost always is, is the call to action. The instinct to put "Book a call" at the very top, permanently visible, comes from a real fear — that a visitor will leave before they see it. But a button asking for commitment before the page has said anything is asking the wrong question at the wrong time; nobody books a call with someone whose work they haven't seen yet. Put the primary action above the fold and you've optimized for the metric a dashboard shows — a click — over the one that actually matters, a click from someone who meant it. The same goes for a full-bleed hero image or video with no text at all, on the theory that a strong visual sets the tone before words get in the way. It sets a tone. It doesn't answer what am I looking at, and a visitor who has to scroll to find that out is a visitor who might not.

Proof sections: which evidence actually carries weight

The proof section is where one-page sites lose the most credibility for the least reason, because there's a wide gap between what looks like evidence and what functions as evidence.

What carries weight is specific: a named project with enough detail that a stranger could describe it to someone else — the client, the constraint, what was actually shipped. Two or three of these do more work than ten, because a reader can hold two or three in their head and evaluate each one; a grid of ten becomes texture, and readers stop evaluating and start skimming.

What doesn't carry weight, no matter how well it's designed: an unattributed quote ("Fantastic to work with!" — no name, no company) reads as decoration because it can't be checked. A wall of client logos does slightly better, only if the logos are recognizable. A stats strip ("50+ projects, 12 years, 100% satisfaction") answers a question nobody asked — that's the kind of proof that exists because a proof section felt required, not because the number changes anyone's assessment.

The honest version of a proof section is smaller than the ambitious version and more convincing, because every item in it survives being checked.

Cutting: the sections that exist because the template had them

Run every section through one test: what does a visitor lose by scrolling past it? Not what they gain by reading it — almost anything can be justified that way — but what's actually missing from their picture of you if they skip it entirely.

Most pages fail this test on a third of their length. A "Skills" grid of technology logos: a visitor who skips it knows nothing less, because the same information was already implicit in the projects above it. A "Philosophy" paragraph on how you approach collaboration: unless it says something a competitor wouldn't also claim, it's filler wearing a heading. A "Team" section for a team of one, populated because the template shipped with a three-person grid and an empty slot felt like a gap — it didn't. A page that stops when it has said what it has to say reads as confidence. The same page padded to match a template's section count reads as someone who thought a website was supposed to be a certain length.

One call to action, and where to repeat it

The page gets one ask, stated in the same words everywhere it appears. If the primary goal is a booked call, "Book a call" belongs at the bottom of the page — where the reader has just finished being convinced — and it can be repeated, in identical wording, wherever else it appears. What it cannot do is compete with a second, different ask. "Download my portfolio PDF" next to "Book a call" forces a decision the reader didn't come to make, at the exact moment their attention was fully yours.

If the page is long enough that a returning visitor might want to jump straight to a section, a small anchor menu solves that without reintroducing the problem — the mechanics of building one honestly, without it pretending to be site navigation, are in anchor navigation for single-page sites. The anchor menu isn't a second call to action. It's a way back into the page, and the actual ask still lives in exactly one place, said the same way every time.

Get the order right and most of what looks like a design problem stops being one. The sections a one-page site needs were never a matter of taste — they were always the four things a stranger asks, in the order a stranger asks them, and everything past that four is a decision to defend, not a slot to fill.