Download a free workbook to help you design your site with confidence.
入力したメールアドレスが無効です。
ご登録ありがとうございます。
By entering your email, you indicate that you have read and understood our Privacy Policy and agree to receive marketing from Squarespace.
For some businesses or brands, launching with a multi-page website isn’t their first priority. Having a website is important, but keep in mind you can launch one with only one page.
Whether you plan to stick to one or slowly add pages as you go, here’s how to create an impactful one-page website and 7 examples to inspire your next design.
When to create a one page website
A one-page website is a smart choice when you're just getting started and want to launch quickly. It legitimizes your brand and gives your audience a central place to learn who you are, what you offer, and how to get in touch without the pressure of building out a multi-page site. This approach is especially useful if your brand lives mostly on social media or in person, or if you're promoting a single product, event, or service.
This approach is ideal for creators, consultants, or small teams who want to present a clean, focused message. The single page gives you extra control over how visitors take in your page content and what information they see first.
If you’re a photographer with a portfolio, a coach booking clients, or a freelancer showing off your work, a one-page website can highlight your offering clearly and effectively. It's not about cutting corners, it's about staying lean and making every element count.
10 steps to create a one-page website
With less space on your website, focus is extra important for a one-page website design. Let your priorities guide what content you include first, and use colors, fonts, images, and page effects to add personality to your page.
Plan your content and define key sections. Think about the journey you want your visitor to take. Outline core website sections like your introduction, services, testimonials, and contact information before you start designing. This ensures each piece of content supports your main goal.
Choose a one-page website design. It’s fastest to start with a website template designed specifically for single-page layouts or an AI website builder like Blueprint AI. The most important thing is that your page is structured to guide visitors smoothly from top to bottom, with built-in sections that help you tell your story clearly.
Use concise and focused text. Every word counts on a one-page site. Stick to short, scannable copy that gets your message across quickly. Use headings, bullets, font size, and bold text to make key points easy to spot.
Create anchor links for smooth navigation. Even on a single page, website navigation matters. Use an anchored menu that links to each page section so users can jump to what they need without scrolling endlessly. It makes your site feel more polished and user-friendly.
Add scrolling effects for a dynamic feel. Site wide animations can add depth and movement to your design. Use these effects to guide attention, but keep them minimal to avoid distraction.
Implement a strong call to action (CTA). Include a clear, compelling call to action, like booking a session, subscribing to a newsletter, or making a purchase. Make it stand out visually and place it in multiple spots, especially near the top and bottom of the page.
Bring your site to life with visuals. Use high-quality visuals, like images, videos, and graphics, to create visual interest and support your message. Choose visuals that feel on brand and help communicate what you do at a glance.
Include a website footer. Your website footer is the final touchpoint. Add key info like your email, business hours, social links, or a mini about section. Even on a one-page site, a well-designed footer can build trust and improve accessibility.
Link social media accounts. Connect your social platforms to keep your audience engaged beyond the site. Add social icons in your header or footer to make it easy for visitors to follow or contact you elsewhere.
Make it mobile-friendly. Test your design on multiple devices to ensure it looks great and functions smoothly on smaller screens. A mobile-friendly website improves the user experience (UX), keeps your bounce rate low, and protects your site’s SEO.
7 one-page website examples
1. Bogart
For an in-person community, having some kind of online presence is still important. But you may only need something as simple as a landing page. This example for an athletic community gets across plenty of information in one page.
The font and color combination suggest a bright, energetic brand, giving visitors a sense of what to expect from the group. The copy emphasizes that with the phrasing of, “passionate, determined, and supportive” and the promise to meet your needs for a day or for years. Visitors have two clear options after landing: get in touch or learn more via the social link in the top right.
2. Fayette
An event is a perfect use case for a one-page website. This layout keeps it focused on the basics: what’s happening, where it’ll be, and how to RSVP. This is ideal for a larger event—like a milestone birthday or engagement party—where text messages or an e-vite might be hard to track and the occasion calls for a little extra attention.
Plus, with the simple layout, it’s easy to add any extra information you might need, like an FAQ or dress code details.
3. Mariana
Even an ecommerce website can operate from one main page, if you have limited products. This website example for a small-batch, slow fashion business isn’t technically one page, since there are product pages and a checkout flow, but the key points of the store are contained to the homepage.
The headline for the page builds excitement by highlighting the limited nature of the products, then uses the rest of the page to dive into details about the items and business. It’s an ideal layout to create a professional design even if you don’t have time to build out a multi-page online shop yet.
4. Manor
Whether you’re still finishing up your website details or looking to create buzz for a new launch, building anticipation is another great use of a one-page website. The bold, spare design in this example grabs your full attention, encouraging you to sign up to hear more.
It’s easy to edit this page or swap with another one-page layout when you’re ready to launch. At that point, you can reach out to anyone who signed up for your mailing list and drive traffic back to your website.
5. Manual
If you’re only selling one item, then it’s possible you only need one page to do it. This layout features a book, but you can apply a similar design for any digital or physical product.
One benefit of selling a single product—a book, a shirt, an online course—is that it’s easier to focus your design. This example puts the product and its description front-and-center, then uses the rest of the page to fill in the blanks with reviews and an author bio. Visitors have one main call to action to grab their attention: “Buy the book”.
6. Devoe
A one-page website can also be a good option for a portfolio or resume website. This can apply if most of your work lives on other platforms—like the actress and model in this example—or you have a limited portfolio to share.
In this case, the website highlights the information a potential client or casting director needs to know and links out to other places to learn more. For a portfolio website, you could highlight a few works and share a short summary about yourself and your experience.
7. Randi
For many professionals, their website is a one-stop shop for a full download of their expertise, personal story, services, and pricing. But if you built your following elsewhere or you just need something launched as you get started, a one-page website is a perfect starting point.
In this example, the simple blurb gives visitors a quick summary of the experience they’ll get after clicking Book a Consultation. If they’re looking for more detail, they can click the social media links in the corner.
Ready to build your one-page website?
This article was updated on May 27, 2025.