Fit check & keyword focus
We confirm one page is right, then choose the single topic it should rank for and the phrases around it.
1PGone-page website design
One-page website design with nothing to scroll past.
Our one-page website design puts your whole story on a single, fast URL: hero, offer, proof, answers and a way to act, in the order your visitors decide. We build it lean, mark it up properly and plan the route to a bigger site before you need one.
- one URL, one clear goal
- jump-link navigation
- growth path built in
- one URL holding hero, services, reviews, FAQ and contact
- sticky anchor navigation that follows the visitor
- contact form at the end of the journey
#anchors on one URLsticky section navscroll → act
definition
What is one-page website design?
One-page website design builds an entire site on a single URL. Visitors move through stacked sections (usually a hero, the offer, proof, FAQs and a contact or booking form) by scrolling or by tapping a sticky menu of jump links. It suits businesses with one clear offer and one main action. Because search engines index the page, not the #sections inside it, a one-pager realistically ranks for one core topic and its close variations. That's a trade-off worth planning for, not a reason to avoid one.
- Best for
- Single offers, launches, events, portfolios and local trades with one to three services
- Not for
- Many services, several locations or a content-marketing plan
- Ranks for
- One core topic, plus your brand name
- Grows into
- A multi-page site, with sections promoted to their own URLs
honest fit check
Is one page enough for you?
Four questions. If a one-pager would cap your growth, we'll tell you now rather than after launch.
// verdict
Answer all four to see it.
Your answers stay in this browser and are not sent anywhere.
Talk it through →sound familiar?
Signs you're ready for a one-pager.
Tap what applies. It goes into your brief so the first call starts from your situation.
Tap anything that sounds familiar.
Bring these to a free scoping call →anatomy of a one-pager
Six sections, in the order people decide.
Every section gets a descriptive anchor and a logical H2 under a single H1, so both visitors and crawlers can follow the story.
- #top
Hero
What you do, who it's for and the one action, visible without scrolling. The hero image is prioritised so it loads first.
- #problem
Problem
The situation your visitor is in, in their words. It's what makes the next section feel like the answer.
- #services
Offer
What you deliver and how it works, short enough to scan and specific enough to trust.
- #reviews
Proof
Reviews, logos, credentials or examples of the work, placed before the ask.
- #faq
Answers
The objections that stop people acting, answered plainly. These are also the passages AI assistants can quote.
- #contact
Action
A short form or booking widget connected to your inbox or CRM, with spam protection and conversion tracking.
what's included
Small site. Full engineering.
A one-pager has fewer pages, not fewer decisions. Here's what goes into ours.
Section-by-section outline
A copy outline for every section, ordered by how your visitors make the decision.
Custom scrolling design
Mobile-first layout with a sticky section menu, clear calls to action and motion that never blocks reading.
On-page SEO
Title and meta, one H1 with logical H2s, descriptive anchors, schema and image alt text.
Forms & tracking
Contact or booking connected to email or CRM, plus GA4 events for scroll depth, CTA clicks and submissions.
Growth plan
A documented route to promote sections into their own pages, with internal links and no redirect mess.
built to rank
A template one-pager vs one built to be found.
Everything lives on one URL, so every decision about markup and weight counts twice.
findability: brand name only
HeadingsSeveral H1s, or none, chosen for font sizeOne H1 for the core topic, a logical H2 for every section
Anchors#section-3, #block-7Descriptive IDs and a jump-link menu Google can sometimes surface as section links
Page weightEvery image and video loads up frontHero prioritised, the rest lazy-loaded to keep LCP within 2.5 s
Structured dataNoneOrganization or LocalBusiness plus Service schema that matches the copy
Ad variantsDuplicate copies competing in searchNoindex or canonical rules so test variants never compete
Next stepStart again when you outgrow itSections graduate to their own URLs on a plan made at launch
how it works
Brief to live page in five moves.
Short projects still deserve sign-off points. You approve the outline before design and the design before build.
- 01
Brief
Your offer, audience, the single conversion goal and the topic the page should rank for.
→ one-page brief - 02
Outline & design
A section wireframe with copy direction, then the visual design for mobile and desktop.
→ approved design - 03
Build
Development, schema, forms and analytics events, on a staging link you can share.
→ staging link - 04
Test & launch
Speed, device and form testing, then go-live and Search Console submission.
→ live page - 05
Iterate
Optional A/B tests on the hero and CTA, and new pages when the growth plan says it's time.
→ growth roadmap
stack
Light tools for a light page.
// build
Static HTML / CSSAstroWordPress block themeWebflowFramer
// hosting
NetlifyVercelCloudflare PagesManaged WordPress
// forms & data
HubSpot formsMailchimpCalendlyGA4Search Console
what drives the cost
What does a one-page website cost?
Far less build than a multi-page site, but design and copy still decide most of it. Set the four drivers to see your profile.
keep exploring
When one page isn't the whole answer.
SMB
Small business websites
A page per service and area when local search is the goal.
Explore → CXOConversion optimisation
Test the hero, offer and form once the page has traffic.
Explore → ONOn-page SEO
Tune titles, headings and entities on the page you already have.
Explore → DEVFull website development
Multi-page builds on WordPress, HubSpot, headless or custom.
Explore →faq
One-page website questions.
Not bad, but limited. Search engines index the URL rather than the #sections on it, so one page can rank well for one core topic and its close variations. If you need to rank for many services, locations or articles, a multi-page site is the better fit.
A one-page website is your whole site on one URL, with navigation that jumps between sections. A landing page is usually a campaign page built around a single action, often living alongside a larger site and sometimes kept out of search entirely.
The main drivers are custom versus adapted design, who writes the copy, integrations such as booking or CRM, variants or languages, and hosting. It's much less build than a multi-page site, but design and copy quality still account for most of the cost.
Yes. We plan the URL structure at launch so sections can become standalone pages with proper internal links, instead of starting over or piling up redirects when you grow.
Typically a hero with the main call to action, the problem you solve, your offer, proof such as reviews or examples, answers to common objections, and a contact or booking form. Order them by how your visitors decide, not by how your business is organised.
It shouldn't be. Everything shares one load, so we prioritise the hero image, lazy-load media further down, keep scripts to a minimum and test against Google's Core Web Vitals thresholds before launch.
one page, done properly
Let's plan your one-page website.
Send your domain or your idea. We'll confirm whether one page fits, then come back with an outline and a scoped quote.
quote within 24 hours · honest fit check first · you own the domain and the code