Home

Case Study: Gym Management System Design

I Love Kickboxing needs a custom solution to handle the classroom-level sales and leads retargeting.
Client:
I Love Kickboxing
Release Date:
May 1, 2017
See Live Project
Two-level System User Flow (view details in Figma)

Task Summary

With over 150 kickboxing gym studios across Canada and the U.S., this solution needs to meet the following requirements:

  • Multi-management level access. Instructors at each club location shall be able to manage local leads and create course packages while different parent admins shall have an overview of their clubs.
  • Retail management. After visited different New York city locations and interviewed with instructors, we confirmed that complimentary item sales (glove, beverage, uniform, energy bar etc) is an important revenue stream for a club, and these activities happen during classes. Our solution, therefore, allows sale, gifting of retail items; while making it easy for admin to understand sale performance at different classes.
  • Partial payment & Easy refund. The nature of kickboxing business demands a flexible payment method in that the long package terms very often beget service pause, transfer, and drop-offs. At the management level, instructors need clear visualization of student package status and easy access to change these status.

‍

User Stories by UI Views
Easy refund flow mockups (view details in Figma)

Stakeholders & The Team

One of the challenges of this project lie in the communication process with different stakeholders. The design process needs to reflect the voice of 3 different parties:

  • End users: Club Instructors, the ILKB admin, the Super Admin at the corporate level.
  • Investors: It also need to reflect the voice of our investors from the perspectives of budget and sale performance improvement.
  • Product team:  Lastly, as a contractor and a small team, we have to customize within the framework(bubble.io) we chose and stick to interaction and visualization schemes that are widely accepted and are likely to be reused in the future.

‍

Establish an Efficient Communication Process

An efficient process requires efficient tools and a clear communication timeline. Here's the tool we use for this project:

  • Google G-suite
  • Zenkit Task Management
  • Invision
  • Zeplin
  • Slack channels
  • Moqups

This is the general communication process:

  1. Generate user stories via stakeholder interview
  2. Confirm user story by views and MVP scope
  3. Development and design time assessment
  4. Backend planning and solution logic presentation
  5. Stakeholder review MVP timeline with product team
  6. Test first MVP module (In this case, the Course sign up section via barcode scanner)
  7. Modify based on test studio location feedback
  8. Test second MVP module
  9. ...

In summary, Stakeholder reviews the workable part of the project every chance they have, from the Lo-fidelity mockup on InVision, to the demo of the first section. This leaner yet iterative process allows detail-oriented communication without hampering efficiency.

‍

‍

‍

Portfolio

More Case Studies

Guide Clients to Design Chatbots for Us

We want brands to design their own chat ads at ease, with our data, and within our product framework.

UI: Chat Ad Banners & Controlled Testing

Upon the limited estate of 300 by 600 pixels, I conduct experiments to find the most productive UI.

UX Leadership: Visualisation makes the Strongest Cases

It's important to have meaningful data; it's more important to make sense of them, for the team.
About Me

I create an amazing Webflow templates for creative people all around the world and help businesses grow.

Navigations
IntroPortfolioBlogCareerAboutContact
Contacts
I’m based in New York
support@elasticthemes.com
+1 213 974-3898
Send Message
Follow
Carefully crafted by Elastic Themes   |   Licensing
Powered by Webflow