How to make a one-page website: 5 ways, then a build you can finish today
The honest comparison of every route to a single-page website, from free to agency, then an eight-step build, a section checklist and the SEO basics that single pages get wrong.
A one-page website is small by definition, so the build should be small too. Five routes get you there. They differ mostly in how much time and money you trade for a page that actually moves as the visitor scrolls, which is the reason to choose the format in the first place.
The five ways to build one
| Method | Time | Cost | Best when |
|---|---|---|---|
| 1. AI one-page website builder | Minutes | Free to start | You want a scroll-driven page without a designer: most businesses, launches, portfolios and events |
| 2. Website builder (Wix, Squarespace, Carrd and similar) | 1–2 days | ~$10–30/mo | You already pay for one and need a simple static page with a contact form |
| 3. WordPress one-page theme | Days | Hosting + theme | Your team lives in WordPress and will maintain it there |
| 4. Hand-coded HTML and CSS | Days to weeks | Free, your time | You can code, want full control, and the page will rarely change |
| 5. Agency or freelancer | 3–6 weeks | $2k to five figures | A flagship launch with budget, brand guidelines and a review cycle |
Routes 2, 3 and 4 produce a page. Routes 1 and 5 produce an experience: pinned heroes, revealed sections, animated numbers, the things that make a long single page feel short. Route 1 generates it; route 5 hand-builds it. The one-page website examples show what the difference looks like.
Build it in 8 steps (the free route)
Write the one sentence
"A visitor should leave this page and ______." What you offer, for whom, and the one action. Every later decision tests against it.
Gather the raw material
Three things you do, one proof point (a number, a quote, a logo), a two-line story about who you are, the link your call to action points at, and any photos you own. Skip everything else.
Open the free one-page website builder
Pick a design that matches the job. Templates cover business, launch, portfolio, studio, event, brand story and campaign.
Describe the site
Your one sentence plus the raw material. The AI writes every section, generates a hero and imagery, and assembles the scroll experience in your language.
Put your own photos in
Replace generated images with real ones wherever you have them: your work, your product, your team, your place. Real beats generated every time a visitor is deciding whether to trust you.
Edit like an editor, not a decorator
Cut sections that do not serve the one action. Tighten the headline until it says what this is in one line. Make the call to action appear in the hero and again at the end.
Set the navigation and the SEO basics
Anchor links in the header for the four or five sections people jump to. One H1, descriptive H2s, a title and description for the one search you want to win.
Publish, measure, then connect your domain
Share the free link first and watch where people stop scrolling in the built-in analytics. Fix that section, then connect your own domain.
Section checklist, in order
- Hero: headline, one supporting line, one button, a scene-setting image or video.
- Promise or problem: one short section that names your visitor's situation.
- What you do: three to five services, features or pieces of work.
- Proof: numbers, quotes, logos, press. Specific beats many.
- Story: who is behind this and why; this is your About page now.
- Offer: pricing, packages, the product, what happens next.
- FAQ: the five questions you answer by email every week.
- Closing call to action: the same action as the hero.
- Footer: contact, address, social, legal, the anchor menu again.
SEO for a single page, in five lines
- One H1 (the hero headline). A descriptive H2 on every section.
- Readable anchor IDs:
#work,#pricing,#contact. - Title and meta description written for the one search you most want.
- Fast: lazy-load below the hero, compress video, keep motion lightweight.
- Add a second page only when you have a second topic. Until then, one strong page beats five thin ones.
Pre-launch checklist
- The hero alone says what this is, for whom, and what to do.
- Exactly one call to action, repeated at the end.
- Reads properly on a phone, where most first visits land.
- Every anchor link in the menu scrolls to the right section.
- Real photos wherever trust is being decided.
- Analytics live before you share the link.
FAQ
How much does it cost to make a one-page website?
With an AI builder, free to start; you pay only for extras like a custom domain or watermark removal. Website builders run roughly $10 to $30 a month. WordPress costs hosting plus a theme. Hand-coding is free in money and expensive in time. An agency starts around $2,000 for a single page and goes up quickly.
How long does it take?
An AI builder: minutes to a first draft, an hour to make it yours. A website builder template: a day or two. WordPress or hand-coding: days to a week. An agency: three to six weeks.
What should the sections be, in order?
Hero, the problem or promise, what you do in three to five pieces, proof, your story, the offer, a short FAQ, one closing call to action, footer. Cut any section that does not move the visitor toward the one action.
How do I make a one-page website rank on Google?
One H1, a descriptive H2 per section, readable anchor IDs, a title and description written for the one search you most want, fast loading, and a second page only when you have a genuinely second topic. The format ranks well for a name and one intent; it will not carry many.
Can I turn a one-page website into a multi-page site later?
Yes. The usual path is to keep the single page as the home and add a blog, a case-study page or a second product page when there is enough to say. Do that when the content exists, not before.
Ready to build?
The first draft takes a sentence and a few minutes.
Open the free one-page website builder →