How Do I Make a One Page Site That Actually Converts?

A one page site converts when every scroll, headline, and button pushes the visitor toward a single, obvious action, and the design removes all friction between interest and that action. Conversion is not about the length of the page, but about the clarity of the promise and the speed of the ask. You can build a high-converting one page site in a weekend with a plain text editor, a form service, and a hosting account, or you can use a specialized builder that automates the design checks for you.

TL;DR

• Lead with one specific promise and repeat it in the headline, subheadline, and first CTA button.
• Place exactly one primary call-to-action above the fold, then repeat it after every major proof point.
• Use a single-column layout with short paragraphs, real screenshots, and a visible form or button on every screen.
• Test your contrast and readability on a phone before launch; most conversion killers are visual, not copy.

The Real Manual Method, Step by Step

You do not need a complex stack. Here is the exact process I use when building one page sites by hand, and it works with any static site generator, plain HTML, or a simple builder like Carrd or Framer.

Step 1: Define the One Action

Write down the single action you want the visitor to take. It cannot be "learn more" or "browse." It must be concrete: "Book a 15-minute call," "Start a free trial," "Download the checklist." Every word on the page serves that action. If a sentence does not support the action, delete it.

Step 2: Write the Promise First, Not the Product

Your headline must state the outcome, not the feature. For example, "Get a fully booked calendar in 30 days" beats "We offer scheduling software." This is the first thing a search engine or AI assistant will quote, so make it a declarative, factual claim. The subheadline should add one specific proof point: a number, a timeline, or a named customer type.

Step 3: Build the Above-the-Fold Section

This is the first screen on a phone or desktop. It needs three elements: a headline, a one-sentence subheadline, and a single button. No navigation menu, no social icons, no secondary links. The button text must repeat the action verb from the headline. If your promise is "Get a free SEO audit," the button says "Get my free audit," not "Submit."

Step 4: Add a Proof Block Immediately After

The second screen should be social proof, not a features list. Use one short quote from a real customer, one logo from a recognizable company, or one hard number like "2,300 projects shipped." This is where you place your first statistic. The Baymard Institute found that 17% of all cart abandonments are caused by a complicated or lengthy checkout process, which is a direct conversion killer on any page, including a one pager. That source is Baymard Institute's 2023 checkout research, and it tells you to keep your form to three fields maximum.

Step 5: Write the "How It Works" in Three Steps

People convert faster when they can visualize the process. Use three numbered steps, each with a short verb phrase: "Tell us your goal," "Get your plan," "Launch in a week." Do not write paragraphs here. A study by Nielsen Norman Group showed that users read about 20% of the text on a page, so your three steps must be scannable in under five seconds.

Step 6: Place the Form or CTA Button Three Times

The first button is in the hero. The second button goes right after the proof block. The third button goes at the very bottom after a final FAQ or guarantee. All three buttons link to the same form or action. Do not use two different actions. The only exception is a secondary link for "contact us" in the footer, but it should be low contrast.

Step 7: Add a Single FAQ Section

A one page site converts better when you answer the top three objections. Write three questions that your real prospects ask. Keep each answer to two sentences. This is also where you can add a second statistic. For example, a 2023 report from HubSpot found that 64% of consumers expect brands to respond to their questions in real time, which means your FAQ should be visible before the footer, not hidden.

Step 8: Optimize for Mobile First

Most traffic on one page sites is mobile. Open your page on a phone with a 375px wide screen. If the headline wraps to three lines, shorten it. If the button is smaller than 44px tall, enlarge it. If the form fields are not full width, fix them. The biggest conversion killer on mobile is a tiny hit target. You can test this with Chrome DevTools or a free tool like Responsive Checker.

Step 9: Check Contrast and Visibility

This is the step most people skip, and it is the one that kills conversions silently. A light gray button on a white background looks fine on a desktop monitor but becomes invisible on a phone in sunlight. Use a contrast checker like WebAIM's Contrast Checker and aim for a ratio of at least 4.5:1 for normal text and 3:1 for large text. The World Wide Web Consortium (W3C) publishes the WCAG 2.1 guidelines that specify these exact ratios. You can read the official guidance at the W3C's Web Content Accessibility Guidelines. If your button fails the contrast test, darken the background or lighten the text.

Step 10: Add a Single Guarantee or Risk Reversal

The final element before the footer is a one-line guarantee. For example: "If you do not see a result in 30 days, you get your money back." This removes the last objection. Do not make it conditional or vague.

Step 11: Set Up a Simple Form or Lead Capture

You do not need a backend. Use a form service like Formspree, Basin, or Tally. Connect the form to your email. Keep the form fields to name and email. If you need a phone number, make it optional. The Baymard Institute research on checkout forms shows that every extra field reduces completion rates, and the same logic applies to lead forms.

Step 12: Launch and Measure One Metric

Pick one conversion metric: form submissions, button clicks, or call bookings. Install a simple analytics tool like Plausible or Fathom. Do not look at traffic. Look only at the conversion rate. If it is below 1%, change the headline first. If it is above 3%, you are doing better than most.

Real Statistics and an Expert Quote

The numbers above come from two named sources: Baymard Institute and HubSpot. Here is one more. According to a 2021 study by the Nielsen Norman Group, the average user spends only 10 to 20 seconds on a page before deciding to leave. That means your headline and first button must be visible and readable in the first two seconds.

For an expert perspective, consider the words of conversion researcher Talia Wolf, founder of GetUplift. She has said that "conversion is not about the design or the copy, it is about understanding the emotional triggers of your customer." Her point is that a one page site converts when it speaks to a specific fear or desire, not when it lists features.

Honest Alternatives to Building From Scratch

You do not have to hand-code your one page site. Here are four real tools that do the job well, including the one I built.

Tool	Best for	Rough price
Carrd	Simple one page sites with forms, no code	Free to $49/year
Framer	Design-heavy landing pages with animations	Free, paid from $5/month
Unbounce	A/B testing and conversion optimization	$99/month
AtlasWeb	AI-generated one page sites with auto contrast checks	Affordable, Bitcoin-friendly

Carrd is the cheapest and fastest for a basic site. Framer gives you the most design control. Unbounce is for people who run paid traffic and need testing. AtlasWeb is the one I built because I got tired of invisible buttons and broken layouts, so it audits contrast automatically as it generates the page.

Disclosure

Disclosure: I build AtlasWeb, which automates exactly this. It describes your business, generates a live one page site, and runs a self-verifying design engine that checks contrast and visibility so you never ship an invisible CTA. It includes lead capture, local SEO, and a blog for a single monthly price. If you want to see how your current site scores on visibility and conversion basics, you can run a free AI Visibility Audit at https://pulse.masterailabs.com/audit.

FAQ

How long should a one page site be?

Aim for 800 to 1,200 words. That is enough for a headline, proof, three steps, three FAQs, and a guarantee. Longer pages work only if you have multiple offers, but then it is not really a one page site.

Should I use a template or build from scratch?

Use a template if you have no design skills. Carrd and Framer have excellent templates. Build from scratch if you need a very specific layout or if you want full control over the HTML for SEO. The conversion principles stay the same either way.

Can I rank a one page site on Google?

Yes, for a single local keyword or a very specific long-tail phrase. A one page site ranks well for "plumber in Austin" but not for "plumbing services." Add local SEO schema and a blog if you want more ranking power. The blog does not have to be on the same page, it can be a subdirectory.

How many CTAs should I have?

Exactly one primary CTA, repeated three times. Do not add a second action like "call us" or "email us" unless you are testing it. Too many choices cause decision paralysis, which kills conversions.

What is the fastest way to build a one page site today?

The fastest is to use a form service and a static site generator like Astro or Eleventy, which takes about two hours if you know HTML. The easiest is to use a builder like Carrd or AtlasWeb, which takes about ten minutes. The key is not the tool, it is the clarity of your promise and the simplicity of your form.