top of page

FitElephants
Software Platform

Industry

Fitness,

Software

Responsibilities

User Experience

UI Design

Role

Product Designer

Challenge

During the COVID-19 pandemic, fitness facilities faced unprecedented challenges. Gyms needed a way to maintain operations, offer remote services, and manage their businesses efficiently in a time of uncertainty. Existing tools were either overly complex or lacked the necessary flexibility for

on-demand fitness. Next steps included conducting user research, defining key features for remote accessibility and simplicity, and rapidly prototyping a scalable gym management solution.

vod.png
booking-class.png

User Personas

Key Personas Include:​

Facility Manager

Needs an easy way to manage schedules, track analytics, and oversee member activity.​

Trainer

Requires tools to upload on-demand content and manage class rosters.

Gym Member

Desires a seamless experience to book classes, access on-demand videos, and track progress.

The Process

WIREFRAMES

I created low-fidelity wireframes to map out the primary workflows:

  • Member account creation and management

  • Schedule management

  • Video upload and streaming

  • Member-facing tools for class booking and credit management

  • Analytics dashboards

wires.png

DESIGNS

Member Management Dashboard

A central hub for entering and managing member details, including attendance and payment history.

Video-On-Demand Portal

A simple way for uploading, categorizing, and accessing fitness videos.

Analytics Dashboard

Visual representations of member engagement, revenue trends, and class popularity.

Schedule Manager

A calendar view for scheduling classes, assigning trainers, and managing room availability.

Member Portal

Tools for members to book classes, manage their credit packages, and access on-demand content seamlessly.

tablets.png

Branded Experience in Action

These screens below showcase how the platform was customized for a real business, with UI colors tailored to their brand and support for both light and dark modes to enhance the user experience.

mbsc-iphone.png
dark-white-screens-mbsc.png

Previous

Next

Let’s Create.

bottom of page