Back to All Case Studies
HL-Built System PrototypeAugust 2026
HL-Built System Prototype

GymOS

Designing a connected operating system for multi-gym membership, attendance and front-desk operations.

A multi-gym SaaS brief could have been treated as a list of screens. HL approached it as an operating-system problem—mapping how gyms, branches, members, memberships, payments, attendance, renewals, staff and member experience needed to work together before building the interactive prototype.

Strategic Takeaway

Software prototypes should validate end-to-end operational logic, not just UI styling. By connecting platform governance, access decision rules, and front-desk workflows, HL demonstrated how multi-location operators can eliminate daily friction.

gym-prototype-eta.vercel.app
PROTOTYPE · AUG 2026
Multi-Gym Operations SaaS
GymOS · Platform Admin
Islamabad / DHA
Ahmed Khan (Active)
Access Approved
200 OK
Hamza Ali (Expired)
Renewal Needed
BLOCKED
4-State QR Access Decision EngineIllustrative prototype data
Reception Desk Mode · Member App SimulationInteractive Prototype
Project
GymOS
Type
System Prototype
Focus
Multi-Gym Ops
Technology
React / TS / Vite
Stage
Interactive Demo
Period
August 2026
Interactive pre-sales prototype deployed on Vercel · Illustrative prototype data
1. The Brief & Operational Problem

Diagnosing the Operational Reality of Multi-Gym Networks

In August 2026, HL Business Developers was presented with a pre-sales opportunity for a multi-gym management and attendance SaaS platform. Rather than jumping immediately into static screen designs, HL began by diagnosing how gym networks actually operate—and where daily friction creates revenue and administrative loss.

The Product BriefPre-Sales Opportunity

A multi-location fitness operator required a modern SaaS concept to govern multiple gym brands, individual branch facilities, membership plans, real-time member check-ins, payment tracking, and staff roles.

The goal was to demonstrate how modern web technologies could replace fragmented legacy spreadsheets, standalone barcode scanners, and disjointed front-desk accounting tools with one cohesive operating ecosystem.

HL’s Architectural Mandate:
Connect platform governance, door access rules, front-desk intake, and member experience into a unified, testable prototype.
Operating Friction IdentifiedDiagnose Before Build
Disconnected Access & Payment Status:

Physical check-in stations rarely evaluate membership expiration in real time, leading to unauthorized entry and missed renewal revenue.

Cross-Branch Permission Confusion:

Front desks struggle to verify whether a member holds a single-branch or all-access multi-branch pass during check-in surges.

Front-Desk Cognitive Overload:

Reception staff are forced to navigate complex owner dashboards instead of fast, purpose-built check-in and payment intake tools.

Inactivity Blindspots:

Members whose visit frequency drops precipitously go unnoticed until they formally cancel their memberships.

2. Core Product Architecture

Two Operational Chains That Prevent Siloed Screens

HL structured the system around two fundamental operational relationships. By designing clear connections across these chains, every front-door access decision is directly informed by live membership and financial records.

Chain 1: Multi-Location Governance HierarchyPlatform Administration & Role Delegation
Platform Admin
Gym Entity
Branch Location
Staff & Roles
Member Record

Establishes tenant isolation and granular delegation: Platform Admins oversee multiple gym brands, gym owners manage multiple physical branches, and branch managers assign role-specific permissions to receptionists and trainers.

Chain 2: Member Lifecycle & Operational StateFinancial Validity to Physical Access
Member Profile
Membership Plan
Payment Recording
Attendance State
Expiry Tracking
Renewal Action
Retention State

Connects customer profile, plan parameters, payment logging (Cash, JazzCash, Easypaisa, Bank Transfer), real-time attendance, expiration triggers, and proactive re-engagement into one continuous operational loop.

3. Main System Areas

Five Interconnected System Modules

Rather than presenting a generic feature list, GymOS organizes operational capabilities into five logically linked modules that share live state.

01

Platform & Organization

  • Platform Admin console
  • Multi-gym tenant management
  • Individual branch configurations
  • Staff role assignments & RBAC
Centralized Governance
02

Membership Operations

  • Member directory & profiles
  • Flexible plan catalog & tiers
  • Expiry & dues tracking
  • Payment-recording workflows
Financial & Plan Integrity
03

Daily Operations

  • Real-time attendance ledger
  • Fullscreen QR Station simulator
  • Reception Desk Mode
  • System notifications UI
Front-Desk Velocity
04

Management & Engagement

  • Member Engagement workspace
  • "Gone Quiet" inactivity surfacing
  • Branch utilization reports
  • Operational audit logs
Proactive Retention
05

Member Mobile Experience

  • Digital membership card & validity status
  • Dynamic QR code for front-door check-in
  • Branch access verification indicator
  • Attendance history and streak tracking
Operator Experience ↔ Member Experience Continuity
4. Signature Workflow

The 4-State QR Access Decision Engine

The strength of GymOS lies in treating QR check-in as a contextual access rule engine rather than a simple barcode scanner. At the instant of token scan, the system evaluates:

Core Access Evaluation Logic:
Identity Verified+Membership Valid+Branch Authorized+Attendance State=Access Decision
Demonstrated Prototype Access Scenarios
Illustrative prototype records · Not real members
200 OK

ACCESS APPROVED

Ahmed Khan
Platinum Multi-Branch · Islamabad Main
Rule Evaluation Result:

Valid active membership with full multi-branch access rights. Member checked in successfully.

Front-Desk Operational Action:

Live headcount incremented (+1). Access timestamp logged to attendance ledger.

5. Role-Specific UX

Reception Mode vs. Management Dashboard

Front-desk staff have fundamentally different daily tasks than gym owners. GymOS introduced a dedicated Reception Mode engineered for speed, high-volume member queues, and fast payment logging.

Reception Desk Mode (Front-Line UX)
Task-Focused

Streamlined front-desk console removing complex analytics so receptionists can process members in seconds:

Instant Member Search

Search by full name, phone number, or digital pass ID in milliseconds.

One-Click Manual Check-In

Quick manual override when member forgets their mobile device.

Fast Dues & Payment Intake

Record Cash, JazzCash, Easypaisa, or Bank Transfer instantly.

Live "Inside Now" Headcount

Real-time occupancy counter updated with every scan and checkout.

Today's Renewals Queue

Surfaces members expiring today for greeting and verbal reminder.

QR Station Switcher

Toggle to fullscreen tablet mode facing the turnstile or counter.

Owner Management ViewExecutive Oversight
Multi-Branch Revenue & Dues

Consolidated financial overview across all branches without exposing sensitive metrics to reception staff.

Staff Role & Branch Permissions

Configure staff login credentials, shift assignments, and branch access controls.

Plan Catalog & Pricing Rules

Manage membership packages, single-branch limits, and multi-location upgrade pricing.

Role-Specific Design Principle: Providing reception teams with a focused, clutter-free console prevents front-desk errors during morning and evening rush hours.
6. Connected Member Experience

Bridging the Operator Console with the Member Experience

GymOS was designed from the perspective that operational efficiency at the front desk depends on clarity in the member's hands. The member mobile prototype gives members clear visibility into their status before arriving at the turnstile.

Dynamic Digital Check-In Pass

Members present a clean, high-contrast QR token directly from their phone screen to the QR Station scanner for instant verification.

Live Expiry & Validity Indicator

Clear countdown timer showing days remaining on current plan, eliminating surprises at the door and encouraging prompt renewal.

Branch Access Verification

Clearly displays which physical gym branches the member is authorized to access, preventing cross-branch confusion.

Member app was developed as a mobile-responsive simulation prototype; not deployed to public app stores.
7. Proactive Retention

Surfacing Member Inactivity: The "Gone Quiet" Workflow

Most gym cancellations happen weeks before formal non-payment. The prototype designed a structured workflow to surface declining attendance for timely staff follow-up.

Inactivity Detection & Staff Outreach Chain
Step 01
Attendance Drop

Member check-in frequency drops below threshold (e.g. 0 visits in 14 days).

Step 02
"Gone Quiet" Flag

System automatically categorizes member into the front-desk re-engagement queue.

Step 03
Assigned Outreach

Assigned staff member triggers check-in call or personalized WhatsApp message.

Step 04
Recovery State

Member resumes attendance or updates membership status with staff assistance.

Accurate Framing: This is a prototype workflow for surfacing member inactivity as a structured operational task. It is not AI churn prediction, and no churn reduction metrics are claimed.
8. Local Operating Context

Context-Aware Prototyping

Software prototypes succeed when they reflect the real-world operational context of the target market. GymOS incorporated local Pakistan currency, geography, and payment methods to create an authentic simulation.

CURRENCY
PKR (₨)

Membership plans, dues calculations, and fee tables formatted in Pakistani Rupees.

LOCATIONS
Islamabad / Rawalpindi

Multi-branch routing simulated across DHA Phase 5, Bahria Town, and F-7 branches.

PAYMENT METHODS
Cash, JazzCash, Easypaisa

Payment-recording workflows included locally relevant settlement options.

DEMO RECORDS
Pakistani Names

Demo accounts (Ahmed Khan, Hamza Ali, Sara Malik, Usman Shah) tailored to regional context.

Payment-recording workflows simulated local methods; no live JazzCash or Easypaisa gateway APIs were integrated.
9. Complete Technical Transparency

What Was Built, What Was Simulated, and Technical Boundaries

HL maintains complete honesty regarding prototype scope. The matrix below defines the exact capabilities built into the prototype versus simulated elements and production boundaries.

1. Interactive PrototypeNavigable Code
  • Full React 19 / TypeScript / Vite web application
  • Platform Admin & multi-gym switcher
  • Branch management and staff role interfaces
  • Member directory, profiles & plan catalog
  • Real-time client-side attendance state
  • 4-state QR decision workflow engine
  • Reception Desk Mode front-desk console
  • Member mobile UI simulation
  • Payment recording & renewal dialogs
  • Deployed on Vercel
Functional Interactive Scope
2. Simulated / IllustrativeMock State
  • Member records and check-in counts
  • Branch revenue & dues collection reports
  • Payment receipt dialog states
  • Client-side QR token validation
  • Notification triggers & alert queues
  • Engagement & inactivity follow-up lists
  • Audit log events
Illustrative Demo Data
3. Not Production InfrastructureOut of Scope
  • No production backend database (PostgreSQL/Node)
  • No live JazzCash / Easypaisa gateway APIs
  • No live WhatsApp or SMS gateway integrations
  • No physical turnstile or biometric access hardware
  • No production auth (Supabase/Auth0) or hardened RBAC
  • No real gym client, live gym deployment or members
Clear Engineering Boundaries
10. Designed Business Value

Architectural Capabilities Designed for Multi-Location Operators

Because this project was an interactive prototype, the areas below represent intended operational value designed into the architecture—not achieved client metrics.

Centralized Oversight

Multi-Branch Governance

Designed to provide gym owners with one coherent operating structure across multiple facilities, brands, and staff tiers.

Membership Visibility

Context-Driven Entry Decisions

Designed to make membership validity and branch rights relevant to operational access at the exact moment of physical entry.

Renewal Visibility

Surfacing Expiry as an Action

Designed to surface expiring memberships as an immediate front-desk renewal opportunity rather than passive revenue leakage.

Front-Desk Clarity

Role-Specific Workflows

Designed to simplify common reception workflows, accelerating check-in speed and minimizing staff error during peak queues.

Engagement Visibility

Inactivity Follow-Up Triggers

Designed to surface member attendance declines for timely staff outreach before members cancel.

Connected Member Experience

Dual Experience Continuity

Designed to connect operational status directly with the member experience through digital passes and status transparency.

11. What This Demonstrates About HL

Translating Broad Briefs into Connected Operating Systems

The GymOS prototype demonstrates HL’s core engineering philosophy when tackling complex operational challenges:

01. Diagnosis First

Problem Mapping

Understanding operating friction and multi-role realities before prescribing wireframes or technology stacks.

02. Connected Thinking

Workflow Engineering

Architecting relationships between financial status, physical access, and staff permissions rather than isolated screens.

03. Role-Specific UX

Front-Line Empathy

Engineering interfaces tailored to the distinct workflows of owners, front-desk receptionists, and members.

04. Rapid Prototyping

Functional Validation

Building interactive, testable React applications to validate architectural decisions with stakeholders.

The Core Takeaway
“HL did not simply design another dashboard. HL translated a broad product brief into a connected operating model and then built an interactive system around that model.”
Growth Infrastructure Diagnostic

Have an operating problem that doesn’t fit neatly into one service?

HL starts with the friction, maps the systems around it, and determines what should be built, connected, improved, automated—or left alone.

Complimentary 30-Minute Infrastructure Review · No Generic Agency Pitch