Blackbird Marketing Switch to Labs
Labs Case Study

Fettle Client Hub
Health & Wellness Portal

A personalised client portal for health & wellness professionals - enabling seamless booking, session management, package tracking, and secure payments all in one beautiful platform.

React + TypeScript Stripe Payments Session Packages Real-Time Sync Acuity Integration
app.fettle.ie

Welcome back, Sarah

Here's your wellness overview

This Week
Sessions Left
4
of 6 package
Next Session
Tue
10:00 AM
Total Sessions
18
since Jan
Streak
6w
consistent!
Upcoming Sessions
Tue 15
10:00 AM 1-on-1 Session
Thu 17
2:00 PM Package Session
Mon 21
11:00 AM 1-on-1 Session

Your personalised wellness dashboard - everything in one place

Key Platform Metrics

The numbers behind the Fettle Client Hub experience.

100%
Self-Service Booking
6
Session Packages
2-Way
Acuity Sync
< 3s
Page Load Time
Client
Fettle.ie
Health & Wellness Practice
Timeline
4 Weeks
Design to Deployment
Scope
Full Build
Client Portal + Payments
Services
Booking Payments Auth Sync Dashboard

The Challenge

Fettle's practitioners were managing client bookings through Acuity Scheduling, payments through Stripe, and client communications through email - but clients had no self-service portal. Every session required manual coordination.

Clients couldn't see their upcoming sessions, track package credits, or manage their own bookings. The administrative overhead was growing, and the experience didn't match the quality of care being delivered.

They needed a branded client portal - a single place where clients could book sessions, purchase packages, track progress, and manage payments, all while keeping Acuity as the practitioner's scheduling backbone.

The Solution

A custom-built client portal with booking, payments, package management, and two-way scheduling sync.

Smart Booking

Clients browse available time slots from Acuity and book sessions directly - with real-time availability.

Session Packages

Purchase bundles of sessions at discounted rates. Credits auto-decrement and sync bidirectionally with Acuity.

Stripe Payments

Secure payment processing for individual sessions and packages with automatic invoice generation.

Email Notifications

Booking confirmations, session reminders, credit usage alerts, and monthly summaries - all automated.

Role-Based Access

Admin dashboard for practitioners with client management, metrics, and invite system.

Fully Responsive

Beautiful experience on every device - from mobile to desktop, with a collapsible sidebar navigation.

The Results

Before vs. After

Before Fettle Hub
  • Clients had to email or call to book sessions
  • No visibility on remaining package credits
  • Manual payment follow-ups and invoicing
  • No centralised session history or progress tracking
  • Practitioners manually coordinating everything
  • No branded client experience
After Fettle Hub
  • Self-service booking with real-time availability
  • Live package credit tracking with auto-sync
  • Instant Stripe payments and automatic invoices
  • Complete session history and progress dashboard
  • Automated reminders and notifications
  • Beautiful branded portal matching Fettle identity
15+
Edge Functions
100%
RLS Protected
2-Way
Acuity Sync
Admin
Role System
Architecture

Built for Security & Scale

Every feature is built with security-first architecture - row-level security, secure edge functions, and role-based access control throughout.

Row-Level Security

Every database table protected with RLS policies - users can only access their own data.

Secure Edge Functions

All API keys and credentials stored in server-side edge functions - never exposed to the browser.

Role-Based Access

Admin, moderator, and user roles with server-side validation - no client-side privilege checks.

Tech Stack
React + TypeScript Frontend
Tailwind CSS + shadcn/ui UI
Lovable Cloud Backend
Stripe Payments
Acuity Scheduling Booking
15+ Edge Functions API Layer

What the Portal Delivers

Every feature is purpose-built for the client-practitioner relationship.

Session Booking

Browse available slots, choose session types, and book instantly with Stripe payment or package credits.

Package Management

Purchase session bundles, track remaining credits, and use them to book - with automatic Acuity certificate sync.

Progress Dashboard

Session history, achievement badges, activity feed, and quick stats - motivating clients to stay consistent.

Automated Emails

Booking confirmations, 24h reminders, credit usage alerts, monthly summaries - all templated and branded.

Admin Dashboard

Practitioner view with client management, session metrics, revenue tracking, and invite system.

Two-Way Sync

Packages purchased on the portal create Acuity certificates. Sessions booked in Acuity appear in the portal.

"Our clients finally have a beautiful, branded space to manage their wellness journey. Bookings are up, admin time is down, and the whole experience feels premium."
Fettle Team
Health & Wellness Practice