Skip to content
Website glossary· Planning and building a site

What is a prototype in web design?

A prototype is a working model of a website or app that people can click through, used to test the design before it’s fully built.

Why it matters for a small business site

Watching real people try to book or buy on a prototype shows where they get stuck, while a change still costs minutes rather than a rebuild.

How to check yours

  1. Give someone a task (“find the price of a deep clean and book it”) and watch without helping.
  2. Note every hesitation, wrong click and question.
  3. Fix the biggest problem and test again.

What good looks like

It covers the main journeys from start to finish, looks close enough to the real thing that people react honestly, and gets tried by people who don’t know the project.

Common mistakes

  • Testing only with colleagues who already know how it works.
  • Polishing the look before checking people can finish the task.
  • Explaining the screen to testers, which hides the problems.
  • Treating the prototype as finished and skipping the tests.
Put it into practice

Try it on a design of your own

A SketchXFlow design is a real web page rather than a picture, so its links and buttons are there to click, and you can share it for feedback.

Try:
Not a page?LogoEmailVideo