WorkFitgroundCase study

Fitground

CRM system for administrators and managers

Role
UX/UI design
Platform
Desktop web dashboard
Users
Admin & manager
Tools
Figma
The Fitground admin dashboard shown on a desktop monitor over a purple, pink and green gradient
01 / Overview

Project background

Help admins and managers ease their workload and drop the manual methods.

FitGround is an innovative Customer Relationship Management (CRM) software as a service designed to revolutionize how fitness and gym businesses manage member information, enhance customer relationships, streamline operations, and drive growth. FitGround offers a comprehensive suite of features tailored to the unique needs of the fitness and gym industry.

The dashboard

A gym dashboard serves as a centralized tool for gym management to monitor various aspects of their business operations, member engagement, and facility performance.

The objective

Help admins and managers ease their workload and remove manual methods.

Target users

Desk administratorGym manager

About Fitground

FitGround is a gymnasium that varies in size, facilities and focus. Some fitness centers are large facilities with full service and a wide range of equipment, including cardio machines (such as treadmills, ellipticals and stationary bikes), weight machines, free weights, and areas for functional training.

Translated from the original Indonesian brief.

Task details

Two laptops showing the admin dashboard and the manager dashboard

As an admin

  • View classes
  • Book classes
  • Book appointments
  • See membership status
  • View client details

As a manager

  • View revenue
  • Cancel membership
  • View revenue analytics
  • Export CSV to the main office
02 / Research

Detailed interview with experts

After the initial research, I interviewed a gym that already runs a dashboard, to learn what the gym needs and which features the dashboard should have. Two participants took part: a front-desk admin and a manager from FitHub, a well-known gym franchise in Indonesia.

“As a manager, my priority is monitoring renewals and membership extensions as the main target. I also keep an eye on class availability and participant bookings to evaluate how the club is performing.”
Pak EkoManager, FitHub Area Jakpus
“As an admin, the most important thing is entering member data and adding appointments for members who want to join.”
Pak DonyFront desk admin, FitHub Bendungan Hilir

Quotes translated from Indonesian.

Comparative research

I looked at two existing gym dashboards, GymForce and RedGits, to see how they handle the same admin and manager jobs.

GymForce and RedGits dashboards.

03 / Users

Who it is for

Portrait of Rizka Hartono, the admin persona, against a pink background

Rizka Hartono

Age 28 · Gym administrator

Behaviour

  • A young professional who has worked in the fitness industry for the past three years.
  • Holds a bachelor’s degree in Business Administration with a focus on Sports Management.
  • Tech-savvy and comfortable with various software applications and digital tools.

Frustrations

  • Difficult to manage multiple tasks at the same time
  • Hard to view the daily analytics report
  • Has to book everything manually

Goals

  • To operate a user-friendly dashboard dedicated to gym admins that eases the workload
Admin

Rizka

Front desk. Works with members and bookings all day.

  • Dashboard
  • Calendar + booking
  • Appointment booking
  • Membership status
  • Client details
Super admin

Rahman

Manager. Sees performance and decides on memberships.

  • Dashboard
  • Member management (freeze / cancel)
  • Report analytics
  • Send report
04 / Structure

Information architecture and flows

Before any screen, I mapped what each role can reach and the shortest path to each of their jobs.

Site map for the admin, and for the manager (super admin).

05 / Wireframes

Wireframes for admin and manager

Low-fidelity layouts first, so the structure could be judged before any colour or type.

06 / Design system

Typography, colour and components

The chosen colours give the interface a dynamic, captivating visual style that sets it apart from other gym dashboards.

Poppins typeface specimen in light, regular, medium and bold on a lime background
12Columns
88Margin
20Gutter
AutoWidth, stretch type

Colours

Hover to open a swatch, click to copy the hex.

Components

Cards, charts, calendar, toggles, buttons, table rows, pop-ups and the sidebar. Expand for the full sheet.

07 / Screens

High-fidelity desktop dashboard

Switch between the two dashboards and step through each screen. Click a screen to see it full size.

08 / Conclusion

Conclusion

After developing a comprehensive gym dashboard tailored for both managers and admins, it’s evident that this solution offers a streamlined approach to managing gym operations efficiently.

By incorporating various features such as membership management, class scheduling, attendance tracking, and financial reporting, the dashboard provides a centralized platform for overseeing all aspects of the gym’s operations.

Next project

All work