A real prototype

Steadwell Physiotherapy.

Built from six sentences of requirements. No name, no colours, no logo and no copy were supplied — everything else you see was derived or invented, and recorded as such.

Open the live prototype Start your own

Here it is

These are captures of the site itself, not impressions of it. Click either one to open the real thing — it is live, and you can use it on your phone.

steadwell-physiotherapy.netlify.app
The Steadwell Physiotherapy home page on a desktop screen: a deep teal header, the headline ‘Pain that has outstayed its welcome’, and three cards explaining what to expect.

The home page — open it →
on a phone
The same home page on a 390-pixel phone screen, with the navigation wrapped and the cards stacked in a single column.

The same page at 390px — open it →

What we were given

All of it. Nothing has been tidied up, and nothing was asked afterwards.

"Hi - good to meet you last night. We’re a small physio and sports
 injury clinic, two practitioners, opening a second treatment room in
 Q4. Right now we’ve only got an Instagram page and people keep
 asking if we have a proper website. Need something that looks
 professional and lets people book in. Nothing flashy - calm and
 trustworthy is the feel. We’re budget-conscious."

What we did with it

  • The name is invented, and searched before use. Two earlier candidates were rejected because real businesses in the same trade came back.
  • The colours were derived from “calm and trustworthy… nothing flashy”, then contrast-checked before a single page existed. The first green chosen for text failed and was changed while it still cost nothing.
  • The pattern is generated, not stock photography. Nothing to licence, nothing to attribute, nothing to expire.
  • Four pages, not twelve. Six sentences do not justify more, and padding it would hide what we actually understood.

And it was tested

The same suite a paying client gets. On the live site: 20 page-loads across two browser engines at two widths — zero accessibility violations, zero pages scrolling sideways on a phone, zero JavaScript errors, five security headers, and an enquiry form proven by a real submission.

steadwell-physiotherapy.netlify.app/treatments.html
The Steadwell Physiotherapy treatments page, listing common reasons people come in, over a faint generated pattern of pulse traces.

A second page, and the generated pattern behind it — open it →

Four pages in all

Home, what we treat, about the clinic, and an enquiry form. The enquiry form is wired and works — we sent a real message through it, because a form that looks wired and silently fails is worse than no form at all.

Start a prototype