Skip to content
YardScaleDigital

Part 3 of 5

Build the Website

Choosing a build approach honestly, then structuring the homepage section by section.

35 min

There are three realistic ways to build a website in 2026, and the marketing around all three overstates how easy it is. Here is the honest version, so you can pick based on your actual situation rather than an ad.

The three approaches

What each one actually costs you

  1. 01

    No-code builders

    Webflow, Squarespace, Framer, Wix, Carrd. Fastest to something live. Monthly cost, typically $15–$40. You are limited to what the platform supports, and moving off later means rebuilding. Best when you want a site this week and your needs are standard.

  2. 02

    AI-assisted development

    Tools like Claude Code, Cursor or v0 generating a real codebase you own. Far more capable and cheaper to host, but you still need to read what it produced, test it, and be able to fix it when something breaks. Best when you are willing to learn a little and want to own the result.

  3. 03

    Traditional development

    Hiring a developer, or writing it yourself. Most control, highest cost in money or time. Best when the site does something genuinely custom, or when it is commercially important enough to justify the spend.

On AI-assisted building

AI can produce a working site quickly. It does not remove the need to test it, understand roughly how it works, or check that forms actually deliver email. Treat generated code as a capable first draft from someone who cannot see your business — not as a finished product.

Choose for this year, not forever

A no-code site you launch this month beats a custom build you are still planning in six months. You can always rebuild later, and by then you will know far more about what the site actually needs to do.

The homepage structure

This is the wireframe. Nine sections, in this order, each with one job. It works for service businesses, consultants, freelancers and most small product businesses. Build it in this sequence and the page will hold together regardless of which tool you used.

Homepage wireframe, top to bottom

  1. 01

    1. Navigation

    Four or five links maximum, plus your one call to action as a button. Every extra link is an exit. No dropdown menus on a first site.

  2. 02

    2. Hero

    Headline naming the outcome or the problem, one supporting sentence, and the call to action. A visitor should understand who this is for within about five seconds.

  3. 03

    3. Problem

    Describe the situation they are in, in their words. This is where they decide you understand them. Specificity here does more than any other section.

  4. 04

    4. Solution

    What you do about it, and crucially how it works. The mechanism is what makes the promise credible rather than optimistic.

  5. 05

    5. Services or products

    What is actually buyable, with enough detail to evaluate. Three options maximum — more creates paralysis rather than choice.

  6. 06

    6. Proof

    Evidence you can substantiate: real work, real results, real names with permission. If you have none yet, use a demonstration of method instead and skip the testimonials.

  7. 07

    7. About

    A short version on the homepage — who you are, why you are credible, one photo of an actual person. Link to the full page.

  8. 08

    8. FAQ

    The four or five questions people genuinely ask before buying. This section quietly handles objections without sounding defensive.

  9. 09

    9. Final CTA and footer

    Repeat the same call to action, unchanged. Footer carries contact details, legal pages and nothing that competes for attention.

Building it in practice

  1. 01Build the structure with placeholder text first, so you can see the shape before the words distract you.
  2. 02Drop your real copy in, section by section, starting with the hero.
  3. 03Build mobile first, or at minimum check every section on a phone as you go rather than at the end.
  4. 04Keep the styling boring: two fonts maximum, your brand colour used sparingly for actions, generous spacing.
  5. 05Add the form and test it immediately. Do not leave forms until launch day.

Why the problem section matters most

Two consultants sell the same service. One writes "We provide strategic operational consulting for growing businesses." The other writes "You are the bottleneck. Every decision routes through you, you are working weekends, and hiring has not helped because nothing is written down." The second one gets the enquiry — not because the service is better, but because the reader recognised themselves.

Exercise

Write your problem section

This is the highest-leverage section on the page. Write it before anything else in the build.

  1. 01Write down three sentences describing your customer's situation, using words they would actually say.
  2. 02Remove every industry term and replace it with plain language.
  3. 03Read it aloud. If it sounds like a brochure, it is too abstract — add a specific detail.
  4. 04Show it to one person in your target audience and ask whether it describes them.

Homepage Build Checklist

0 / 13 complete

Structure

Craft

Do this now

Pick your build approach and commit to it today. Then build the page structure with placeholder text only — no copy, no styling — so you can see the shape before you fill it.

Recap

  • Three approaches: no-code (fast), AI-assisted (capable, needs testing), traditional (control, cost).
  • A live site this month beats a perfect site in six.
  • Nine sections, each with one job, in a fixed order.
  • The problem section does more work than any other — write it in the customer's words.