One-page website: what it is, when it works, and how to build one

One-page website, defined

A one-page website (also called a single-page website) is a website whose entire content lives on one scrolling page. The menu does not open other pages; it jumps to sections of the same page: about, services or features, work, pricing, contact. The visitor reads top to bottom, and the page ends with one clear thing to do.

That constraint is the whole point. A multi-page site asks the visitor to choose where to go; a one-page website makes the choice for them and tells one story in one sitting. It is why portfolios, product launches, local businesses, events and personal sites so often fit on a single page, and why the best of them feel less like a website and more like a short film you scroll through.

One-page website vs one-pager vs landing page vs microsite

Four terms, four different things. The confusion costs people real time, so here is the line between them:

If you came here for the document, the handout a founder sends an investor or a sales rep leaves behind, you want our one-pager guide, what to include in a one-pager and one-pager examples. Everything below is about the website.

When a one-page website is the right choice

• A portfolio or personal site. Who you are, what you make, a few pieces of work, how to reach you. Designers, photographers, developers and consultants rarely need more.
• A local business. A café, a studio, a clinic, a trade: what you offer, where you are, when you are open, how to book. One page answers all of it faster than a menu does.
• A product or app launch. One product deserves one uninterrupted pitch: problem, product, three features, proof, price, buy. Launch pages are the natural home of scroll-driven motion.
• An event. Date, place, speakers or line-up, schedule, tickets. Visitors come with one question each; anchor links answer them in a click.
• A waitlist or pre-launch. You do not have a product yet, so you do not have a site's worth of content. One page with a strong promise and an email field is honest and enough.
• A campaign, cause or annual report. One message, one ask. These are usually microsites that happen to be one page long.
• A resume, a wedding, a side project. Anything with a short shelf life or a single audience.

…and when it is not

Skip the one-page format when you sell a catalogue (shops need product pages), when search traffic is the plan (you need a page per topic to rank for each), when you serve several distinct audiences who need different paths, or when the content is genuinely long, like documentation or a knowledge base. The usual compromise is a one-page home plus a blog or a handful of deep pages, added only once they are needed.

Anatomy of a one-page website that works

Good single-page sites follow the same order because it mirrors how a visitor decides. Most need six to ten of these sections:

1. Hero: what this is, for whom, in five seconds

   Headline, one line of support, one button. A full-screen image or video sets the mood; the words carry the meaning.

2. The problem or the promise

   One short section that names the situation your visitor is in. It earns the right to the rest of the page.

3. What you do, in three to five pieces

   Services, features or work samples, each with a line of explanation. Stacked cards or a reveal-on-scroll grid keep it scannable.

4. Proof

   Logos, numbers, testimonials, press. Even one specific quote beats three vague ones.

5. The story

   Who is behind this and why. On a one-page site this replaces the About page, so give it a real paragraph and a real photo.

6. The offer

   Pricing, packages, how to work with you, or the product itself. Say what happens next.

7. Questions people actually ask

   A short FAQ removes the last objections and gives search engines proper headings to index.

8. One closing call to action

   The same action the hero asked for. Not three options, one.

9. Footer

   Contact, address, social links, legal. The anchor menu lives in the header and repeats here.

The rule that holds it together: one page, one path. Every section either moves the visitor toward the one action or it goes.

Why scroll is the one-page website's secret weapon

On a multi-page site the click is the rhythm. On a one-page site the scroll is, and that is an advantage if you use it. A hero that pins while the headline changes, sections that fade and slide into place, numbers that count up as they come into view, images that stack and expand: this is scrollytelling, and it turns a long page from something to skim into something to experience. The scroll widgets that do this, stacking cards, split scroll, scroll video, reveal timelines, are exactly the pieces a one-page site is made of.

Use motion to mark structure, not to decorate. One pinned hero, one memorable transition between the problem and the solution, numbers that animate once. Everything else stays still so the page stays fast and the content stays readable.

The honest SEO picture for a single-page website

A one-page website ranks the way a strong single page ranks: well for your brand name and for one or two closely related searches, poorly for anything else. That is fine for a portfolio, a local business or a launch. It is a problem if you expected a site to bring in search traffic across many topics.

• One H1, real section headings. Each section gets a descriptive H2 ("Wedding photography in Vilnius", not "Services"). Search engines show section anchors as jump links in results when the structure is clean.
• Anchor navigation with readable IDs. #pricing, #work, #contact. They appear in the address bar, in shared links and in analytics.
• Speed over spectacle. Lazy-load images below the hero, compress video, and keep motion to CSS and lightweight scroll effects. A long page that loads in two seconds beats a short one that loads in six.
• One title and description for the whole site. Write them for the search you most want to win; the page cannot be everything to everyone.
• Add a page when you have a second topic. A blog, a case-study page, a second product. Until then, a focused single page beats five thin ones.

How to build a one-page website (free, in minutes)

The classic routes still exist: a website builder with a one-page template, a WordPress theme, or hand-written HTML. Each gives you a page; none gives you the scroll-driven experience that makes the format shine. The modern route does:

1. Write the one sentence

   What it is, who it is for, what you want the visitor to do. That sentence is your brief and your hero.

2. Describe it to the one-page website builder

   Pick a design or let AI start from scratch. It writes the sections, generates imagery and a hero, and assembles the scroll experience.

3. Edit like an editor

   Cut what does not serve the one action, drop in your own photos and copy, choose the motion. Or start from a one-page website template.

4. Publish, then connect your domain

   A free scrollytelling.ai link to share today; your own domain when you are ready.

The long version, with every build method compared on cost and time: how to make a one-page website.

Examples and templates

Seeing the format beats reading about it. We tore down seven one-page websites, from a design studio that fits its whole practice on one scroll to an annual report that outperforms its PDF, and we curated one-page website templates for every job above: business, launch, portfolio, event, brand story, campaign.

One-page website FAQ