JP Physiotherapy

JP Physiotherapy

A website for a local physiotherapist

Freelance
Web Design
Framer

JP Physiotherapy

Jono is a local physiotherapist who was looking to grow his brand presence online and attract new clients. When he came to me, he had a logo, an Instagram page, and a linktree pointing to his booking site - but no website of his own. I designed and built him one in Framer.

Responsibilities

Web design

Client communication

Framer development

Platform

Desktop

Tablet

Mobile

Timeframe

1 month (2026)

Tools

Framer

Figma

The brief

Jono wanted a clean, professional website that reflected his brand and made it easy for clients to book an appointment.

The goal was simple:

"Take what Jono already had, and give it a professional home online"

What was needed

After chatting with Jono about what he was looking for, we decided that his website would need:

After chatting with Jono about what he was looking for, we decided that his website would need:

After chatting with Jono about what he was looking for, I made a deliberate call to skip formal user research. The core requirements for a local health services website are well established, so we focused on getting something live quickly. Looking at local competitors and their websites, we decided that his would need:

Easy booking

Clients need a quick, frictionless way to book an appointment directly from the site

Easy contact

Jono needs a clear way for people to get in touch with any questions before committing to a booking

A clear introduction

Site visitors need to quickly understand who Jono is and why they should trust him with their care

Services on offer

Site visitors need a clear overview of the treatments and services available to them

The Figma prototype

My initial plan was to design the site in Figma and publish it using Figma Sites.

So with this in mind and the requirements defined, I used Figma to put together a prototype. It was basic but offered a glimpse at the potential layout, structure, and content that the site would contain.

My initial plan was to design the site in Figma and publish it using Figma Sites.

So with this in mind and the requirements defined, I used Figma to put together a prototype. It was basic but offered a glimpse at the potential layout, structure, and content that the site would contain.

Choosing the right tool

After designing the prototype and looking into Figma Sites a bit more, I had some reservations about its maturity as a publishing platform at the time.

That's when I came across Framer - a well renowned platform for designing websites, similar to Figma, but with a more polished publishing experience and a great library of templates to work from.

Using Framer to not only design but build Jono’s website would significantly raise the quality of the final product. Its templates come with built-in interactions and responsive layouts out of the box - things I would have had to design from scratch in Figma. Combined with a mature hosting pipeline, this meant the site could feel polished and professional without needing custom code and extra tinkering.

After designing the prototype and looking into Figma Sites a bit more, I had some reservations about its maturity as a publishing platform at the time.

That's when I came across Framer - a well renowned platform for designing websites, similar to Figma, but with a more polished publishing experience and a great library of templates to work from.

Using Framer to not only design but build Jono’s website would significantly raise the quality of the final product. Its templates come with built-in interactions and responsive layouts out of the box - things I would have had to design from scratch in Figma. Combined with a mature hosting pipeline, this meant the site could feel polished and professional without needing custom code and extra tinkering.

Figma

vs

Framer

Ultimately it would cost Jono a a little more, but after seeing what was possible, he was happy with the trade off. Framer was the right tool for the job.

The design

Once we had decided to go with Framer, I built out a draft of the website using a template as a starting point - adapting it to suit his brand and content. The result looked quite different from the initial wireframes designed in Figma, however Jono was happy with this new design direction.

The site came together across six sections, each designed to address the core needs of the website:

  • Hero section

  • About

  • Our Services

  • FAQs

  • Gallery

  • Contact page

We had also identified the need for the website to be 'mobile first', as we found that most visitors would be reaching the website via their phone. This worked out great, since the Framer template we were using already had the 'mobile' version of the site well optimised.

IN SHORT

After iterating on the template and finalising the layout and content, it was time to take the website live.

Easily book from any device

Easily book from any device

Read about JP Physiotherapy

Read about
JP Physiotherapy

Read about JP
Physiotherapy

View which services are offered

View which services are offered

And if you want to get in touch

And if you want to get in touch

reach out to Jono to find out more

reach out to Jono to find out more

Outcomes and reflection

Jono was extremely happy with the finished site. It gave his brand the professional presence it deserved and most importantly made it easy for clients to find his business and book a consultation. He's since mentioned that he'll be looking to scale up his business in the near future, and the website has provided him with the online presence to do just that.

What did I learn?

Working with a client is different to working on a brief/assignment

There's no set brief handed to you - I had to shape the direction together with the client. Learning to communicate ideas clearly, manage expectations, and keep the Jono confident throughout the process was just as important as the design work itself.

Sometimes plans change

I came in with a plan (Figma Sites) and changed course when I found something better (Framer). Being open to exploring options rather than committing too early led to a noticeably better outcome for the client.

Templates are a legitimate starting point

Using a Framer template let me focus on adapting it to Jono's brand, content, and audience - the things that actually matter. Not having to worry too much about setting up layouts and components made the design process way more efficient.

What would I do differently?

Use Framer from the beginning

In hindsight, it would have been best to start using Framer from the get go, if I had known about it earlier. Having to learn a new (although familiar) did take up time, but I would say it was well worth it based on the outcome.

To wrap up, this project was my first experience of working with a real client, teaching me not only about design, but communication & adaptability too. Pivoting tools mid-project, learning Framer on the fly, and collaborating directly with Jono to shape the direction all pushed me to grow beyond just pushing pixels.

Ultimately, it gave me a much stronger foundation in end-to-end web design, from gathering requirements through to publishing a live site.