A marketing and referral site for a UK private clinic specialising in gender-affirming hormone therapy, with a Sanity-driven CMS the clinical team can run solo.

The Gender Hormone Clinic is a UK-based private practice providing affirmative, patient-centred hormone therapy for transgender, non-binary and intersex individuals. The team runs a full patient journey: initial enquiry, video consultations, medical form intake, prescription and follow-up, with psychological assessment integrated into the service.

Private hormone therapy is a sensitive, high-stakes area where trust, clarity and credibility need to be visible from the first visit. The clinic needed a site that felt clinical and warm at the same time, that walked prospective patients through the process step by step, and that let the team publish new service pages, clinician bios and FAQs without a developer in the loop. The brief also called for best-in-class performance and accessibility given the patient demographic.

Designed in Figma and built on Astro 6 with Sanity as a headless CMS. Astro keeps the site fast and zero-JS by default (key for SEO and accessibility), React 19 powers the interactive components where needed, and Framer Motion handles subtle motion. The Sanity Studio gives the clinical team a structured editor for services, clinicians, FAQs and the step-by-step How It Works flow. Tailwind CSS v4 drives the visual system.

The "How It Works" section walks prospective patients through the full care pathway, from initial enquiry to ongoing therapy, in six clear steps. Each step is a Sanity entry the clinical team can update as protocols evolve, with no code push needed.

The "Comprehensive support at every stage" section presents the three service tracks (transmasculine hormone therapy, transfeminine hormone therapy and psychological assessment) in a dark editorial layout. Each card pulls from Sanity, so the team can add new specialisms or adjust messaging the moment the offering changes.

The result is a patient-facing site that communicates credibility and warmth in equal measure, performs at the top of the Lighthouse scale, and gives the clinical team a content system they can run end to end.

Tools tags Figma · Astro · Sanity · Tailwind CSS · UI/UX Design · Web Development · Full-Stack Development

Industry Healthcare / Medical