Arona Health Group - Healthcare Services Platform

Jan 2025 - Feb 2025

Built a comprehensive healthcare services website for Arona Health Group, a UK-based private healthcare provider. The platform showcases the clinic's range of medical services, enables online appointment enquiries, and provides detailed information about each service offering with structured pricing and FAQs.

Key Features

  • Service Pages: Dedicated pages for each medical service including Private GP consultations, Chiropractic care, Blood Health Screening, Ear Wax Removal, and Taxi Medicals. Each service page features a hero section, detailed overview, step-by-step process, pricing tiers, and FAQ.
  • Membership System: A membership information page presenting healthcare plan options and benefits for regular patients.
  • Staff Profiles: Detailed profiles of medical professionals to build patient trust and transparency.
  • Contact & Enquiries: Integrated contact form powered by EmailJS for direct patient enquiries.
  • Accessibility: Dedicated accessibility page ensuring the platform meets inclusivity standards.

Technical Highlights

  • Next.js with Static Export: Statically generated site for fast load times and easy deployment, with Turbopack for rapid development.
  • TanStack React Query: API state management with optimised caching (30-minute stale time) and authenticated requests via custom API hooks.
  • Data-Driven Service Pages: Structured service data in dedicated files with schema definitions, allowing consistent rendering across all service pages through reusable section components.
  • Cloudinary Image Optimisation: All images served through Cloudinary with automatic format selection and responsive sizing.
  • Medical SEO: JSON-LD structured data for MedicalBusiness schema, dynamic sitemap generation, and comprehensive meta tags via next-seo.
  • Framer Motion Animations: Smooth transitions and scroll-triggered animations throughout the site.
  • Performance Optimised: Bundle analysis tooling, code splitting, and lazy state initialisation patterns to minimise load times.

Component Architecture

Modular component structure with dedicated sections for Hero, About, Services, FAQ, and reusable UI components. Each service follows a consistent template pattern driven by structured data files, making it easy for the client to request new services without significant code changes.

LinkedIn