One Page Website: When It Works and How to Build One

A one page website puts everything on a single scrolling page. No navigation between pages, no decisions about what lives where, no orphan pages nobody visits. You scroll, you read, you act.

It is the right shape for more sites than people assume, and the wrong shape for a few where it quietly costs you. The useful question is not whether one page sites are good. It is which job you are doing.

When one page is the right call

You have one thing to say. A product, a service, an event, yourself. If everything on the site supports a single action, splitting it across pages only adds clicks between the visitor and that action.

You are launching and want to be live this week. One page removes the entire information architecture problem. There is no sitemap to plan, no navigation to design, no question of what belongs where.

Your traffic arrives from one place. If most visitors come from an ad, a link in a bio, or a newsletter, they arrive with one question. A single page answers it in the order you choose, which is the one advantage a scroll has over navigation: you control the sequence.

You do not have enough content for more. Ten thin pages read worse than one substantial page. Padding a site to justify a menu is visible to readers and to search engines.

When one page starts to cost you

You need to rank for several different topics. This is the real limitation. A page can only be about one thing as far as search is concerned. If you want to be found for five distinct services, five pages will outperform one page with five sections, because each can target its own intent and earn its own links.

Someone needs to send a specific link. "See our pricing" is easier to act on than "scroll about two thirds down." Anchor links help, but they are fragile and people rarely copy them.

The page gets long enough to hurt. Past a certain length the scroll becomes work, and everything below the fold competes with everything else for the same attention. If your page needs six full sections before it makes its point, it wants to be a site.

You need a real blog. Writing accumulates. It needs its own index, its own pages, and its own URLs. Bolting posts onto a scroll does not work past the third one.

A common middle path: keep the main page as a one page site, and add separate pages only for the two or three things that genuinely outgrew it. We covered that split in the personal website guide.

The section order that works

Most effective one page sites use roughly this sequence. The order matters more than the count, because a scroll is a sequence and you control it.

1. What this is, in one line. The visitor should know what they are looking at without scrolling. Not a slogan. A plain sentence.

2. Proof, early. Logos, a number, a screenshot of the real thing, a quote from a real person. Early proof buys you the rest of the scroll. Sites that put testimonials at the bottom are giving evidence to people who already decided.

3. How it works, in three steps. Three is not a magic number, it is just about as much as someone will absorb on a first pass. If your process genuinely has seven steps, group them into three.

4. The objection you know they have. Price, lock-in, whether it works for their case, how long it takes. Answering it on the page beats hoping they email. Most people do not email, they leave.

5. What they get, concretely. Features are fine here, once the page has earned the attention. Before proof, a feature list is noise.

6. One clear action, repeated. The same call to action, worded the same way, at the top, the middle, and the end. Different wording for the same action makes people wonder if they are different things.

Anything that does not serve the single action belongs somewhere else, or nowhere.

Common mistakes

Six competing calls to action. Book a call, join the newsletter, follow on X, read the blog, download the guide, view pricing. A one page site works because it has one job. Six actions means no action.

A hero that says nothing. "Empowering teams to do their best work" is a sentence that could sit on ten thousand sites. If your hero survives being pasted onto a competitor's page, it is not saying anything.

Full-screen sections that force scrolling. Making every section exactly one viewport tall feels designed and reads as slow. Let sections be as tall as their content.

Animation on every element. One considered moment of motion is memorable. Everything fading in on scroll makes the page feel like it is buffering.

No mobile plan. Most visitors will be on a phone, where a one page site is just a long scroll. Check the order on a small screen, because the side-by-side layout that carried your desktop design becomes a stack.

Building one with an AI coding tool

A one page site is a good match for AI coding tools, because the scope is small enough to hold in one conversation and there is no architecture to get wrong.

The problem is that the default output looks like every other AI-built page: centered hero, three cards, generous padding, a blue accent. That is the statistically likely design, and it is what you get when you give no visual direction.

Two things fix it.

Write the copy before you build. Every section, in final words, in a plain text file. Copy is where a one page site is won, because the page has no navigation to hide behind. It is one argument in sequence.

Give the tool a design system, not adjectives. Instead of describing style in every prompt, hand it a file with the decisions already made: colours and their roles, type scale, spacing, how components behave. A DESIGN.md does that, and because it persists, the section you add next week matches the ones from today.

If you want the whole thing already wired rather than assembled from prompts, our Website Starter Kit ships with the page structure, design system, and the parts a one page site usually grows into later, like a form that actually delivers email.

Stop building from a blank page. LaunchKit gives your AI coding assistant a working landing page and the product surfaces behind it, clickable on day one.

Does a one page website hurt SEO?

Not inherently, and the answer is more specific than most articles admit.

A single page can rank perfectly well for one topic and its close variants. Google indexes pages, and a focused page with real content and real links competes fine.

What you give up is breadth. Each page can realistically target one primary intent. If your business genuinely serves five distinct searches, one page forces you to choose one and lose the other four.

So the honest rule: one page is a constraint on how many things you can rank for, not a penalty on how well you rank for one. If you serve one intent, it costs you nothing. If you serve five, it costs you four.

One practical thing to get right either way: give the page a real title and description, use proper heading levels for the sections rather than styled divs, and make sure the content is in the HTML rather than appearing only after a script runs.

Frequently asked questions

How long should a one page website be?

As long as it takes to make one argument, and no longer. Five or six sections is typical. If you are at ten, you probably have a multi page site that has not admitted it yet.

Do I need navigation on a one page site?

A small sticky bar with three anchor links helps on longer pages, mostly for people who want to jump to pricing. On a short page it adds clutter without adding value.

Is a one page website good for a portfolio?

For a focused one, yes. If you have three to five projects and want people to see all of them, a scroll works better than a grid of thumbnails that each need a click. Once you have twenty projects, you want an index.

Can I turn a one page site into a multi page site later?

Yes, and it is the normal path. Build the one page, see which section people ask the most questions about, and give that section its own page first.

What about load speed with everything on one page?

It is fine if you are disciplined about images. One page with five optimised images loads faster than five pages with twenty. Lazy load anything below the fold.

Start with the sequence

The advantage of a one page website is that you control the order in which someone learns about you. That is also the only real work: deciding what they should know first, second, and last.

Write those in order as plain sentences before you think about design. If the sequence is right, the page is already most of the way there.