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 User Experience: Cryptocurrency Trading App Design
Optimizing User Experience: Cryptocurrency Trading App Design
Airaa is a cryptocurrency application that incorporates automated trading features or bots. This application enables users to configure profit or purchase amounts according to their preferences automatically.
Airaa is a cryptocurrency application that incorporates automated trading features or bots. This application enables users to configure profit or purchase amounts according to their preferences automatically.
Refining a Design System for ContentGrow
Refining a Design System for ContentGrow
ContentGrow is a provider of freelancers for writers and blog writers, both for companies looking to hire freelancers and for those seeking in-house writers.
ContentGrow is a provider of freelancers for writers and blog writers, both for companies looking to hire freelancers and for those seeking in-house writers.
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.