What’s a one-page website?

A one page website is a single-page design where a user can see all of the information on-site by scrolling down instead of using a navigation menu to see more. 

Why should I have a one-page website?

Putting all of your content one landing page often leads to a better user experience than segmenting content into several web pages and can lead to higher conversion rates. One-page web design is a good choice for small businesses, marketing agencies, and single product companies. 

What should I include in my one-page website?

Planning all of the information you’ll include is essential for one-page layouts. Most one page websites include:

  • Your logo, tagline, and other similar branding elements
  • An about section
  • Information on your products or services
  • Reviews or testimonials
  • A CTA to drive an action
  • Social media icons so visitors can follow your business on social media
  • A contact form and/or contact information

    Single-page Website Best Practices

Don’t go overboard with the features

Use your space wisely. Putting too much that doesn’t contribute to the user experience could overwhelm site visitors. 

Order content in an intuitive way

Place your most crucial information higher up on the page.

Stay true to your brand

The colors scheme, fonts, animations, and other visual elements of your site should be consistent with your branding. 

The Best One-Page Websites to Inspire You

Find one-page website design inspiration from these websites for a variety of industries. 

Single-Product Websites

Tupuy

This product-based, one-page website interactively highlights all the product’s important features and provides users with a clear call to action.

The About section of Tupuy's one-page website, featuring a hand holding a smartphone with the app open

Plant22

The minimalistic design and HTML template are unconventional and creative. When a user clicks on each box, it opens a pop-up overlay without opening a new tab for a seamless user experience. 

Plant22's website, which is divided into four quadrants labeled "space," "members", "membership", and "contact

Small Business Websites

Cafe Frida

This website is a great example of how well single page websites can work for small businesses. It includes a lot of information in one long scroll and the flower animations make it pretty without overwhelming the viewer. 

The header of Cafe Frida's website, featuring the logo and painted white flowers

Sugaro 

Sugaro’s whimsical website makes it quick and easy to scroll from top to bottom without missing any important details. To make it easy for customers to get in touch the contact button has a direct link to an email app. 

Sugaro's website header featuring a closeup of a hand decorating a cake and the words "hey sugar!"

Agency Websites

Purple Orange

Purple Orange’s one-pager does a great job of displaying client testimonials with limited real estate. It shows that there’s no need to hide your reviews on another page. You can show them off front and center. 

Purple Orange's About section, featuring an image of people around a campfire at night

Always Creative

Always Creative’s one-page website that shows that you can contain media-heavy content in a slick layout.  It uses parallax scrolling to make the agency’s work the forefront of the site.

Alway's Creative's website header featuring the words "we make people and their ideas successful" and an image of a waiter serving a restaurant patron.

Portfolio Websites and Personal Websites

94 Photography

 94 Photography’s one-page website is as visually stunning as their photos. The design lets the photos do the talking and allows users to enlarge images with one click.

Part of 94 Photography's website featuring the words "Great Photography is Weird" and photos of a shiny model, a model with glitter covering their face, and an aerial view of a forest covered in snow

Marty

This portfolio uses creative UX design to display his work and give viewers an idea of who he is and what he’s about. 

The slider at the beginning and the words "Hello. I'm @smarty. Angel investor, entrepreneur, trouble-maker, and aspiring mayor of the White House."

Nonprofit Websites

Every Last Drop

This UK water initiative uses the scrolling one-page design to engage and inform visitors about the water they use. 

An interactive illustration of a bathroom with the shower curtain closed and text that reads "5 minute shower: 40 litres, a regular bath: 80 litres"

Ecommerce Websites

Rest

Ecommerce may not typically be a good fit for a one-page website, but Rest demonstrates that they can work well for a single product or collection. The video banner tells the audience more about the product without taking up more space on the page.

Photos of Rest holders and social iconsEvent Websites

Arroyo

Arroyo’s one-page website starts with a full-page image overlaid with text and a CTA button. As you scroll, you’ll find more information about the event including but not limited to speakers, frequently asked questions, and related social media accounts.

Arroyo's about section featuring a photo of people in the concert-like audience

You Gotta Love Frontend

Frontend keeps all the relevant event information on one page, but then uses subdomains to house information about past events. This is a good option for events that occur every year. 

You Gotta Love Frontend's "Latest Events" block

How Sav Can Help

With Sav’s website builder, you don’t have to code or break the bank to create a beautiful one-page website. Whether a one-page site or a multi-page website fits your business needs, we’ve got the website templates at pricing that fits your budget. Start building with us today!

Luca Harsh

Luca Harsh

Luca Harsh is an in-house content writer for Sav. They live in Chicago with their cat, Polly. Yes, Harsh is their real last name.