A one-page website gives you nowhere to hide. There is no menu to bury a weak section under, and no second page to park the things you could not make fit.
Everything the visitor needs sits on one scroll, in one order. The order is the whole design.
Get it right and the site reads like a good pitch. Get it wrong and it reads like a scroll that never ends.
The eight one-page website examples below all get it right, in different ways. Some are personal-brand pages built to land a job. One runs an entire interior-design business off a single scroll.
What they share is a clear job for every screen. Steal the parts that fit your work.
What Is a One-Page Website?
A one-page website puts all of its content on one continuous page. Instead of clicking between Home, About, Work and Contact, the visitor scrolls through those sections in sequence.
A fixed nav usually jumps to each one. Also called a single-page or single-scroll site, it is the simplest structure on the web: one URL, one load, one path.
Single-page sites suit a focused message. Think a freelancer selling one service, a designer showing one body of work, or a studio that wants the images to do the talking.
If you have five distinct services and a 40-post blog, you have outgrown the format. If you have one thing to say and want to say it well, it is hard to beat.
The most focused version of the format is a landing page, built around one action rather than a full personal or studio story.
What Makes a Great One-Page Website
Across every strong example, the same handful of decisions show up:
- One message, stated in the first screen. The visitor should know who you are and what you do before they scroll. No warm-up.
- A scroll order that means something. The best single-page sites are sequenced like an argument: hook, proof, personality, ask.
- One primary action. Hire me, see the work, get in touch. One CTA repeated beats five competing ones.
- Visual breaks that chunk the scroll. Colour blocks, full-bleed images or generous spacing stop a long page reading as one grey strip.
- Fast load. One page means one shot at a first impression. Heavy hero video and uncompressed images are where single-page sites lose people.
Hold the examples up against that list as you read.
Personal-Brand One-Pagers That Lead With Typography
When the product is a person, type does the heavy lifting. Both of these sites make the role, not the name, the loudest thing on the page.
Jon Kirschner
Jon Kirschner is a brand and growth strategist, and his site tells you that in letters four times the size of his own name.
The name sits small in a pill-shaped nav, and the words "Brand & Growth Strategist" fill the screen.
Below the fold, a plain-English intro ("I build brands that convert") sets the tone.
Sections like "What I'm Actually Good At" and "What I'm Reading" give it a human texture most strategist sites skip. It reads like the person, not a template.
Borrow this: Make the visitor's takeaway bigger than your name. They came to find out what you do, so lead with that, in type they cannot miss.
Jordon Melo
Jordon Melo, a media planning and buying strategist in Toronto, solves the classic single-page problem: how do you navigate a long scroll? He numbers the nav.
"01. About, 02. Resume Brief, 03. Work, 04. Testimonials, 05. Contact" maps exactly to the scroll order, so the menu doubles as a table of contents.
A serif headline and an arched portrait give a resume-grade page some warmth. It is a one-page website design that behaves like a multi-page site without the page loads.
Borrow this: Number your nav to match the scroll order. A long single page stops feeling long when the visitor can see where they are in it.
Split-Screen and Portrait-First One-Pagers
Two sites, one idea: put the person and the action in the first screen, so a busy visitor never has to scroll to act.
Simrran Benvait
Simrran Benvait is a marketing specialist in British Columbia, and her hero does the whole job in one screen.
A portrait fills the left half, cut with a soft wave into a cream panel on the right. That panel carries the greeting, the role, and three contact chips: email, LinkedIn, phone.
A recruiter can read who she is and message her without a single scroll. The wave divider keeps the split from feeling like two boxes taped together.
Borrow this: Put your role, location and contact in the first screen. On a one-pager, the hero is your business card, so treat it like one.
Noor Harajli
Noor Harajli, a social media and marketing coordinator based in London, builds her single scroll out of oversized red cards on a black background.
Each section, profile, skills, work, sits in its own rounded block, so the page reads as a series of rooms rather than one long strip.
Monospace type signals a creative-technical identity, and the "Content Production" and "Artwork & Design" cards link straight to real projects. It proves a single-scroll site can hold a full CV plus a portfolio without feeling crowded.
Borrow this: Chunk a long scroll into rounded colour blocks. Clear visual separation lets one page carry a lot without the reader losing their place.
Image-Led Portfolio One-Pagers
When the work is the pitch, the images run the page and the copy gets out of the way. Both of these lead with a full-bleed visual.
Dillan Vanner
Dillan Vanner is a photographer, and the site opens the way a good print does: one full-bleed image, edge to edge, before a single word of copy.
A documentary frame fills the first screen, the wordmark sits centred and small, and the tagline "Capturing the World and Everything in It" underlines the point.
A minimal nav (Home, Portfolio, About) and a row of contact icons are all the chrome there is. The photograph does the selling.
Borrow this: For a photography one-pager, let one strong image fill the first screen. Your best frame is a better hook than any headline.
cmc designworks
cmc designworks, an architecture and interiors studio, throws out the copy and lets the work be the hero.
The homepage opens on an edge-to-edge, asymmetric photo grid: building renders, interior shots, signage, with a near-invisible nav floating above it.
For a visual discipline, this is the right call. The images sell, so nothing competes with them. It is one of the cleaner scrolling website examples you will find, precisely because it trusts the photography.
Borrow this: If your work is visual, cut the words. A full-bleed image grid as the hero says more than a paragraph ever will.
Service and Talent One-Pagers
A one-page website is not only for individuals showing a portfolio. These two sequence the scroll like a pitch, so the whole case gets made in one read.
Arrowood Design
Arrowood Design, a Bay Area interior firm, runs an entire service business on one page. The scroll is sequenced like a pitch.
A "Timeless Luxury" promise sits over a painted barn-owl mural up top, followed by services, "Not Just Decor" positioning, the founder's story ("Who is Lisa?"), projects and contact.
All-caps editorial labels hold it together. By the time you reach the bottom you have read a full sales conversation, in order, without clicking once.
Borrow this: A one-pager can carry a whole service business. Order the scroll like a pitch: promise, services, proof, the person, then the ask.
Kaitlyn Barry
Kaitlyn Barry is an actor, director and performer in Perth. The site opens with the name at full width over a single golden-hour portrait, the way a headshot leads a casting profile.
From there it gets straight to business: a short profile, then a Recent Credits list of screen work like The Twelve and Cephalopod, then contact.
The scroll is ordered the way a casting brief gets read: who they are, what they have done, how to reach them. Nothing sits in the way of that.
Borrow this: If people hire you off a resume, put the resume on the page. Lead with your role, list your credits, and make "available now" impossible to miss.
What the Best One-Page Websites Have in Common
Look at the eight together and the pattern is consistent. The best one-page websites are not the prettiest ones. They are the ones where every screen has a job and the jobs run in the right order.
They commit to a single message and repeat one action. They use a real visual system to give the scroll structure: numbered nav, colour-block cards, an image grid, a split hero.
They put the important thing first: role and contact for the job-seekers, work for the studios.
And they keep it light, because a one-page site is one download and one first impression. Simple website examples win here more often than elaborate ones. Restraint is the skill.
When a One-Page Website Works (and When You Need More Than One Page)
The format has a ceiling. A one-page site is right when your message is focused and your content is finite.
The moment you have several distinct audiences, a growing blog, or a catalogue of services that each deserve their own pitch, a single scroll starts working against you.
If you are a traditional artist rather than a designer, a multi-page setup usually serves the work better. Our artist portfolio websites roundup covers that route. Here is the honest line:
If you sit in the right-hand column, build the extra pages. Forcing everything onto one scroll to look minimal is a decision your visitors pay for.
How to Build Your Own One-Page Website
You do not need to code one of these. Start by writing the scroll before you touch a template.
List your sections in the order a stranger should meet them, then cut one. Most one-page sites are one section too long.
For the build, a portfolio-first website builder gets you further than a general one, because the layouts are already designed for a single considered scroll.
Pixpa's one-page website templates give you a fixed anchored nav, full-bleed image sections and a built-in contact block out of the box. You can see them in use in the one-page portfolios gallery.
Custom CSS is there if you want to push the type or spacing the way Jon Kirschner and Noor Harajli did.
If you would rather compare dedicated single-page tools first, our roundup of one-page website builders is a useful starting point.
Every site above was built on Pixpa, which is a fair signal of what the format can look like without a developer.
Whatever you build on, keep the images compressed and the sections few. The restraint is the design.
The Bottom Line
A one-page website is a forcing function. It makes you decide what actually matters and put it in order, because there is no second page to hide the rest.
The examples here span a job-seeking strategist, a London creative, a documentary photographer, an architecture studio, a luxury interior firm and a working actor.
Every one of them works for the same reason: a clear message, a deliberate scroll, one thing to do next.
Write your scroll like an argument, lead with the takeaway, and cut until only the essentials remain.
One-Page Website FAQs
What is a one-page website?
A one-page website puts all of its content, about, work, services, contact, on a single scrolling page instead of splitting it across separate pages.
Also called a single-page or single-scroll site, it suits a focused message: one service, one portfolio, or one personal pitch. A fixed nav usually jumps the visitor to each section.
Are one-page websites good for SEO?
They can rank well for your name and one or two focused phrases, which is often all a personal brand or single-service business needs.
Where they struggle is breadth. Because Google largely ranks pages, not sites, one page can only target so many keywords before the content competes with itself. If you want to rank across many topics, you need more pages.
How many sections should a one-page website have?
Enough to make the case and no more. Most of the strongest single-page sites run five to seven sections: a hero, a short about, the work or services, some proof, and contact.
If you find yourself adding an eighth, check whether the site actually wants to be multi-page.
One-page vs multi-page: which is better?
Neither is better in the abstract. They solve different problems.
A one-page website design wins for focused messages, fast decisions and visual portfolios.
Multi-page wins when you have distinct audiences, a growing blog, or many services that each deserve their own page. Pick by content depth, not by which looks more modern.
Where can I find more single-page website examples?
Beyond the eight here, galleries like One Page Love and Awwwards' single-page collection are worth a scroll for design inspiration.
When you browse, look past the visuals: study the scroll order and the call to action, because that is the part you actually need to copy.
How much does a one-page website cost?
If you build it yourself on a website builder, a one-page site costs the same as any small site: roughly the price of a plan plus a domain. Check the latest plan pricing for current numbers.
Hiring a designer to build a custom one-pager runs from a few hundred to a few thousand, depending on the work. For most people on this list, a template did the job.