Design around the real user journeys
We shaped the site around the main routes people need: booking physiotherapy, exploring the over-50s gym, understanding clinically led classes and learning about the team behind Four*.
Case study
A full design and WordPress build for Four*, bringing physiotherapy, clinical rehabilitation classes and a specialist over-50s gym into one calm, structured website.
Challenge
Four* needed a website that could explain a slightly unusual offer without making it feel complicated: advanced physiotherapy, condition-led rehabilitation classes and a safe, welcoming gym for adults over 50. The design had to feel clinical enough to earn trust, human enough to reduce anxiety and flexible enough for the team to keep building on after launch.
Approach
We shaped the site around the main routes people need: booking physiotherapy, exploring the over-50s gym, understanding clinically led classes and learning about the team behind Four*.
The design keeps the site clean, clinical and approachable, with clear hierarchy, soft confidence and enough warmth to make the experience feel human.
The site uses a custom Full Site Editing WordPress theme so global styles, templates and reusable parts can be managed through WordPress without turning every page into a one-off build.
We created custom blocks for the more specific interface patterns, including hero banners, service cards, icon-led content, carousels and promotional sections.
Tailwind gives the theme a consistent, maintainable front-end system, while WordPress handles the content and editing experience.
Deliverables
Client review
Dummy review: Atomic Horse gave us a website that explains what Four* does clearly, looks calm and professional, and makes it much easier for people to find the right service.
Outcome
Four* can now explain physio, rehab classes and the over-50s gym as connected parts of the same approach, rather than separate services competing for attention.
Clear calls to action guide visitors towards physio appointments, gym information and classes without overwhelming people at the point they are deciding what kind of help they need.
The custom FSE theme gives the team reusable patterns and templates, so new pages can be added without drifting away from the design system.
The finished site presents clinical expertise, NHS experience and a supportive environment in a way that feels approachable, not intimidating.
Four* is not a standard gym website. It is not just a physio website either.
The business brings together advanced physiotherapy, condition-led rehabilitation classes and an over-50s strength gym in Southwick, Sussex. The offer is practical and clear once you understand it, but it needed careful structure online. Visitors might arrive with pain, injury, a long-term condition, a loss of confidence, or a simple desire to stay strong and independent as they get older.
We designed and built the website to help each of those people find the right next step without making them work too hard.
The core message is simple: Four* helps people move better, feel stronger and stay active at every stage of life.
The website breaks that into clear routes. Physiotherapy is there for assessment, diagnosis, treatment and recovery planning. The gym is there for safe, supported strength training for adults over 50. The classes are clinically designed programmes led by Advanced Practice Physiotherapists, focused on specific health conditions and rehabilitation goals.
That structure matters because the audience is varied. Some people know they need a physio appointment. Some are looking for a gym that does not feel like a traditional gym. Others need a class that feels safe because it has clinical knowledge behind it. The site has to speak to all of them without blurring the difference between services.
The visual design needed to carry a few things at once. Four* has serious clinical experience behind it, but the site could not feel cold or intimidating. It needed to look professional, calm and trustworthy, while still feeling like somewhere real people would feel comfortable walking into.
We kept the design clean and structured, with clear page hierarchy, calm spacing and direct calls to action. The brand has enough personality to feel warm, but the layout stays practical. That matters for an audience who may be in pain, returning to exercise after time away, or unsure which service is right for them.
The design work also shaped the content. Rather than treating physio, classes and the gym as separate silos, the site presents them as connected parts of the same approach: expert care, structured movement and ongoing support.
We built the site as a custom WordPress Full Site Editing theme. That gives Four* the benefits of modern WordPress editing without relying on a page builder to hold the site together.
Global styles, templates and reusable parts live inside WordPress, so the editing experience stays familiar. The design system sits underneath that, keeping spacing, colour, typography and layout decisions consistent across the site.
That is especially useful for a service-led business like Four*. The site has repeated patterns: service cards, icon-led benefits, page heroes, booking calls to action, class listings and team sections. Those pieces need to be flexible, but they should not be rebuilt from scratch every time a page changes.
Full Site Editing gets you a long way, but some parts of the Four* site needed more specific behaviour and presentation.
We created custom blocks where they made the editing experience simpler and the front end stronger. The homepage uses a slideshow banner to introduce the main proposition. Service sections use structured card layouts. Promotional sections and carousels help the site surface key routes without turning pages into a wall of text.
The point of custom blocks is not to make WordPress clever for the sake of it. It is to give editors the right controls for the job. Four* can use tailored sections that match the design system, instead of being asked to assemble complex layouts manually.
The theme front end is built with Tailwind. That gives the site a practical design language: consistent spacing, responsive layouts and reusable utility patterns without scattering one-off CSS across the project.
Used properly, Tailwind works well with a custom WordPress theme. WordPress manages the content and templates. Tailwind keeps the visual system tight. The result is a site that feels designed, but does not depend on fragile page-by-page styling to stay that way.
The tone of the site had to do more than list services. It needed to reassure people.
Four* is aimed at people who may be returning to exercise, recovering from injury, managing a health condition or nervous about walking into a gym. The website needed to feel professional, but not cold. It needed to show clinical expertise without sounding like a hospital leaflet.
That balance runs through the content and structure: clear explanations, direct booking routes, team credibility and repeated reassurance that the environment is safe, inclusive and guided by people who know what they are doing.
The result is a designed and developed WordPress site that gives Four* room to grow, while keeping the experience calm, useful and easy to understand.
Client review
Dummy review: Atomic Horse understood what we were trying to build straight away. They turned a complex offer into a website that feels clear, calm and completely right for Four*.