Creating a Clean and Clear Experience for Gym Member Management

Creating a Clean and Clear Experience for Gym Member Management

Monday, October 3, 2022

Monday, October 3, 2022

Overview

Overview

Overview

OnlyGym is a Software as a Service (SaaS) website that provides gym necessities and member data management for gym owners. One of the features of OnlyGym is the ability to manage memberships and monitor the progress of each member and trainer.

OnlyGym is a Software as a Service (SaaS) website that provides gym necessities and member data management for gym owners. One of the features of OnlyGym is the ability to manage memberships and monitor the progress of each member and trainer.

OnlyGym is a Software as a Service (SaaS) website that provides gym necessities and member data management for gym owners. One of the features of OnlyGym is the ability to manage memberships and monitor the progress of each member and trainer.

Problem Statement

Problem Statement

Problem Statement

As a gym service provider, OnlyGym faces several challenges, notably the poor interface design and user experience, which have significantly reduced the efficiency of gym management when it comes to handling member data.

As a gym service provider, OnlyGym faces several challenges, notably the poor interface design and user experience, which have significantly reduced the efficiency of gym management when it comes to handling member data.

As a gym service provider, OnlyGym faces several challenges, notably the poor interface design and user experience, which have significantly reduced the efficiency of gym management when it comes to handling member data.

Goals

Goals

Goals

Creating an attractive interface layout.

Creating an attractive interface layout.

Restructuring information for ease of use and comprehension.

Restructuring information for ease of use and comprehension.

Establishing a simple workflow to facilitate efficient member management.

Establishing a simple workflow to facilitate efficient member management.

Success Metrics

Success Metrics

Success Metrics

I have discussed with stakeholders to determine the success metrics.

I have discussed with stakeholders to determine the success metrics.

I have discussed with stakeholders to determine the success metrics.

Completion time of less than 20 seconds when managing members.

Completion time of less than 20 seconds when managing members.

70% of gym owners feel comfortable when managing members and trainers.

70% of gym owners feel comfortable when managing members and trainers.

40% of gym owners feel assisted by the displayed information structure.

40% of gym owners feel assisted by the displayed information structure.

Discover & Evaluation

Discover & Evaluation

Discover & Evaluation

In the evaluation process, I analyzed each user flow and assessed the usability regarding the placement of information. These findings will serve as a basis for potential modifications during the ideation phase.

In the evaluation process, I analyzed each user flow and assessed the usability regarding the placement of information. These findings will serve as a basis for potential modifications during the ideation phase.

In the evaluation process, I analyzed each user flow and assessed the usability regarding the placement of information. These findings will serve as a basis for potential modifications during the ideation phase.

Complex user flows for gym administrators.

Complex user flows for gym administrators.

Insufficient usability when using the dashboard.

Insufficient usability when using the dashboard.

Disorganized information that is challenging for users to comprehend.

Disorganized information that is challenging for users to comprehend.

Information Architecture

Information Architecture

Information Architecture

After going through quite a lengthy brainstorming and finding an arrangement of information, I realized that the arrangement of information that was made needed to be simplified and shorter. So, I decided to rearrange the information to make it simpler without losing the user's purpose at every step.

After going through quite a lengthy brainstorming and finding an arrangement of information, I realized that the arrangement of information that was made needed to be simplified and shorter. So, I decided to rearrange the information to make it simpler without losing the user's purpose at every step.

After going through quite a lengthy brainstorming and finding an arrangement of information, I realized that the arrangement of information that was made needed to be simplified and shorter. So, I decided to rearrange the information to make it simpler without losing the user's purpose at every step.

Design Membership

Design Membership

Design Membership

The membership page serves as a platform to display the list of gym members who have registered with the gym.

The membership page serves as a platform to display the list of gym members who have registered with the gym.

The membership page serves as a platform to display the list of gym members who have registered with the gym.

Category Tabs

Category Tabs

Category Tabs

These tabs are designed to categorize members into different categories and will display data in a table based on the selected category.

These tabs are designed to categorize members into different categories and will display data in a table based on the selected category.

Filters

Filters

Filters

The filtering options consist of search, date range, and referral. These filters empower gym administrators to search for members by name and narrow down results based on the start date, end date, or referral source.

The filtering options consist of search, date range, and referral. These filters empower gym administrators to search for members by name and narrow down results based on the start date, end date, or referral source.

Design Membership Detail

Design Membership Detail

Design Membership Detail

The Membership Detail page will incorporate features based on discussions with the client, including "Membership Information," "Plan Schedule," "History," and "Summary".

The Membership Detail page will incorporate features based on discussions with the client, including "Membership Information," "Plan Schedule," "History," and "Summary".

The Membership Detail page will incorporate features based on discussions with the client, including "Membership Information," "Plan Schedule," "History," and "Summary".

Membership Information

Membership Information

Membership Information

This section will display information related to the membership period, pricing, membership status, and referral details. It provides a concise overview of the member's membership details.

This section will display information related to the membership period, pricing, membership status, and referral details. It provides a concise overview of the member's membership details.

Plan Schedule

Plan Schedule

Plan Schedule

The Plan Schedule feature will showcase the scheduled sessions for each member, allowing gym administrators to track member session schedules efficiently.

The Plan Schedule feature will showcase the scheduled sessions for each member, allowing gym administrators to track member session schedules efficiently.

History

History

History

Gym administrators will have access to the member's purchase history, transfers, and freeze requests. This provides a historical perspective on the member's account activity.

Gym administrators will have access to the member's purchase history, transfers, and freeze requests. This provides a historical perspective on the member's account activity.

Summary

Summary

Summary

The Summary section will present an aggregated view of total freezes, purchases, transfers, and outstanding dues for each member. It offers a comprehensive snapshot of the member's financial and membership status.

The Summary section will present an aggregated view of total freezes, purchases, transfers, and outstanding dues for each member. It offers a comprehensive snapshot of the member's financial and membership status.

Design Member List

Design Member List

Design Member List

The Member List page serves as a platform to view a comprehensive list of all gym members or visitors.

The Member List page serves as a platform to view a comprehensive list of all gym members or visitors.

The Member List page serves as a platform to view a comprehensive list of all gym members or visitors.

Taking into consideration the project personas, this page will be designed to be simple and consistent, similar to the previous pages. The addition of filters and search functionality will enhance usability, making it easier for gym administrators to locate members based on their names or specific dates.

Taking into consideration the project personas, this page will be designed to be simple and consistent, similar to the previous pages. The addition of filters and search functionality will enhance usability, making it easier for gym administrators to locate members based on their names or specific dates.

Taking into consideration the project personas, this page will be designed to be simple and consistent, similar to the previous pages. The addition of filters and search functionality will enhance usability, making it easier for gym administrators to locate members based on their names or specific dates.

Design Member Detail

Design Member Detail

Design Member Detail

For the Member page, I have incorporated several essential features based on my discussions with stakeholders or clients, namely "Personal Information" and "Packages".

For the Member page, I have incorporated several essential features based on my discussions with stakeholders or clients, namely "Personal Information" and "Packages".

For the Member page, I have incorporated several essential features based on my discussions with stakeholders or clients, namely "Personal Information" and "Packages".

Personal Information

Personal Information

Personal Information

This section will display personal information for each gym member.

This section will display personal information for each gym member.

Packages

Packages

Packages

There will be two categories of gym packages displayed in this section: "Membership" and "PT Session." Each package category will provide a summary and a list of purchased packages.

There will be two categories of gym packages displayed in this section: "Membership" and "PT Session." Each package category will provide a summary and a list of purchased packages.

Design Add New Member

Design Add New Member

Design Add New Member

The "Add Member" page will be essential for gym administrators to register new members when individuals join the gym.

The "Add Member" page will be essential for gym administrators to register new members when individuals join the gym.

The "Add Member" page will be essential for gym administrators to register new members when individuals join the gym.

This page will adhere to a simplified design concept, making it easy for gym administrators to input data for each new member. Furthermore, there will be categorization based on information groups for each input form to streamline the process.

This page will adhere to a simplified design concept, making it easy for gym administrators to input data for each new member. Furthermore, there will be categorization based on information groups for each input form to streamline the process.

This page will adhere to a simplified design concept, making it easy for gym administrators to input data for each new member. Furthermore, there will be categorization based on information groups for each input form to streamline the process.

Testing

Testing

Testing

During our testing of the design solution with each persona, I identified several points for design evaluation.

During our testing of the design solution with each persona, I identified several points for design evaluation.

During our testing of the design solution with each persona, I identified several points for design evaluation.

Inability to display multiple categories in membership.

Inability to display multiple categories in membership.

The need for additional actions to access all summaries in membership.

The need for additional actions to access all summaries in membership.

Misinterpretation of information when viewing session schedules, with most participants feeling that they could be clicked.

Misinterpretation of information when viewing session schedules, with most participants feeling that they could be clicked.

Iteration - Design Membership

Iteration - Design Membership

Iteration - Design Membership

I have made changes to the "Category Tab" by transforming it into a filter dropdown. Gym administrators can now select multiple categories, and the selected categories will be displayed in the table below.

I have made changes to the "Category Tab" by transforming it into a filter dropdown. Gym administrators can now select multiple categories, and the selected categories will be displayed in the table below.

I have made changes to the "Category Tab" by transforming it into a filter dropdown. Gym administrators can now select multiple categories, and the selected categories will be displayed in the table below.

Iteration - Design Membership Details

Iteration - Design Membership Details

Iteration - Design Membership Details

I have made improvements to the "Schedule Plan" to make it more informative by updating the layout and structure, ensuring that users do not receive incorrect information.

I have made improvements to the "Schedule Plan" to make it more informative by updating the layout and structure, ensuring that users do not receive incorrect information.

I have made improvements to the "Schedule Plan" to make it more informative by updating the layout and structure, ensuring that users do not receive incorrect information.

Iteration - Design Membership Details Summary

Iteration - Design Membership Details Summary

Iteration - Design Membership Details Summary

I have consolidated the "Summary" into a single detailed information section to eliminate the need for users to click multiple times to access membership summaries.

I have consolidated the "Summary" into a single detailed information section to eliminate the need for users to click multiple times to access membership summaries.

I have consolidated the "Summary" into a single detailed information section to eliminate the need for users to click multiple times to access membership summaries.

Last

Last

Last

Result

Result

Result

The project's final outcome is a redesigned OnlyGym dashboard that effectively meets user needs and provides more informative content compared to the previous design. This transformation is also in line with the feedback received from the gym service provider, OnlyGym. To view the results in action, please visit the live website at https://onlygym.id.

The project's final outcome is a redesigned OnlyGym dashboard that effectively meets user needs and provides more informative content compared to the previous design. This transformation is also in line with the feedback received from the gym service provider, OnlyGym. To view the results in action, please visit the live website at https://onlygym.id.

The project's final outcome is a redesigned OnlyGym dashboard that effectively meets user needs and provides more informative content compared to the previous design. This transformation is also in line with the feedback received from the gym service provider, OnlyGym. To view the results in action, please visit the live website at https://onlygym.id.

Limitation

Limitation

Limitation

In the course of executing this project, we encountered certain limitations that prevented us from conducting certain stages due to time constraints imposed by stakeholders.

  • Time constraints for conducting direct research with gym owners to ascertain issues firsthand.

  • Insufficient time to explore potential issues in other features, not limited to member management.

In the course of executing this project, we encountered certain limitations that prevented us from conducting certain stages due to time constraints imposed by stakeholders.

  • Time constraints for conducting direct research with gym owners to ascertain issues firsthand.

  • Insufficient time to explore potential issues in other features, not limited to member management.

In the course of executing this project, we encountered certain limitations that prevented us from conducting certain stages due to time constraints imposed by stakeholders.

  • Time constraints for conducting direct research with gym owners to ascertain issues firsthand.

  • Insufficient time to explore potential issues in other features, not limited to member management.

Other Projects

Other Projects

Optimizing Catholic Content: A UI/UX Case Study for Articles and Prayers on a Faith-Based Website

Optimizing Catholic Content: A UI/UX Case Study for Articles and Prayers on a Faith-Based Website

BPN PKKI is committed to providing learning resources and a spiritual sanctuary for the Catholic faithful, allowing them to enhance their understanding of divinity and strengthen their faith through contemplation, prayer, and online article readings at a distance.

BPN PKKI is committed to providing learning resources and a spiritual sanctuary for the Catholic faithful, allowing them to enhance their understanding of divinity and strengthen their faith through contemplation, prayer, and online article readings at a distance.

A UX Success Story: Refining the Calculator Function in OnlyGym App

A UX Success Story: Refining the Calculator Function in OnlyGym App

The Diet Calculator is one of the features within the OnlyGym member application. This feature determines dietary needs based on user-provided information and their dietary goals.

The Diet Calculator is one of the features within the OnlyGym member application. This feature determines dietary needs based on user-provided information and their dietary goals.