Walnut Grove Clinic Website

Walnut Grove Clinic has been part of Portishead for over thirty years and has grown into a large operation: more than twenty practitioners across eleven disciplines, a separate studio running group classes, and a community interest company alongside it. The website reflected none of that. It was an ageing Divi build of static pages, where every new practitioner or therapy meant another hand-built page. The brief was a full rebuild on WordPress using Bricks Builder, with two non-negotiables: the site had to be genuinely editable by the clinic after handover, and it could not lose the search visibility the business had spent years earning.

Design was worked through before a single element was placed in the builder, running from design direction, to static HTML and CSS prototypes of almost every page type, to implementation in Bricks. Prototyping in the browser meant type scales, fluid spacing and responsive behaviour were resolved while they were still cheap to change, and the client signed off a working page rather than a flat image. Underneath sits a documented system of colour, spacing and typography tokens with a consistent class naming structure, so the build stays readable for whoever touches it next.

The logo was kept and the palette rebuilt around it, anchored on the logo green rather than the muted secondary green the old site had drifted toward, with deep forest and charcoal tones, a soft off-white background and a lime accent used sparingly in headings. DM Serif Display carries the headings, DM Sans the body. Clean, warm and confident. Recognisably a healthcare site, but not a clinical one.

Rather than building pages, the site was built as a content model in ACF Pro, with seven custom post types driving nearly everything a visitor sees: Therapies, Classes, Team Members, Events, Partnerships, Blog and Recommended Products. Relationship fields do the connective work, so selecting the therapies a practitioner offers populates their profile automatically, and each therapy page lists its practitioners in return. Sections render conditionally, so an entry with no testimonial simply does not show one, and site-wide values such as contact details, timetables and booking links sit on a global options page, meaning a phone number change is one edit rather than forty. Adding a practitioner or class is filling in a form, not building a new webpage.

Bookings run through Jane.app, which has no open API and does not permit its booking flow to be embedded, so the integration was kept deliberately simple. Booking routes are set per record as a field and destination URLs held centrally, giving one obvious path to booking from anywhere on the site and no second system for the clinic to maintain.

Around 160 blog posts were migrated into a dedicated post type with topic and tag taxonomies. The permalink structure was rationalised, with redirects mapped from the old URLs and metadata preserved, following a review of Search Console performance so nothing already ranking was put at risk. Rank Math handles on-page SEO, pulling descriptions dynamically from custom fields.

The build was mobile first throughout, on the basis that most people looking for a local clinic are doing it on a phone, often while dealing with pain or injury.