Whether you are looking for a fitness centre near you,searching for ways to manage your membership payments or needan analysis of your workout routines, we have got it all! Register with us today and say goodbye to all obstacles in your fitness journey.
Introduction
In this case study, we will explore the user interface and user experience design for a fitness centre application that allows users to discover and join different fitness centres in their area. Additionally, the app provides users with the ability to see the complete profile of each fitness centre, their photos, plans, reviews, timings, and mark attendance by scanning a QR code set in each fitness centre. The application also has an admin portal which allows fitness centre owners to track members, their attendance, manage gym profile, manage membership payments, etc.
Research
Before starting the design process, we conducted research to understand the needs and preferences of our target audience. We surveyed individuals who regularly attend fitness centres and found that the most important features for them when choosing a fitness centre were location, price, reviews, availability of equipment, and class schedules. Users also wanted a platform that could track their workouts and attendance, provide them with personalized workout plans, and offer a seamless and secure payment system.
Design Goals
Based on my research, my design goals were as follows:
Create a visually appealing and easy-to-use interface that allows users to find fitness centres based on their location, price, reviews, and availability of equipment and class schedules.
Develop a system for users to join fitness centres through the app and view their complete profile, including photos, plans, reviews, and timings.
Incorporate a QR code system for users to mark their attendance at fitness centres.
Provide users with the ability to track their workouts and attendance, view personalized workout plans, and receive reminders.
Develop an admin portal that allows fitness centre owners to manage their gym profile, track members, attendance, manage membership payments, etc.
Design Process
User Flow: We started with the user flow to understand how users would navigate the app. The flow included the following steps:
Discover fitness centres based on location, price, reviews, and availability of equipment and class schedules.
View the complete profile of fitness centres, including photos, plans, reviews, and timings.
Join fitness centres through the app and make secure payments.
Mark attendance at fitness centres using QR codes.
Track workouts and attendance, view personalized workout plans, and receive reminders.
Access the admin portal for fitness centre owners to manage their gym profile, track members, attendance, manage membership payments, etc.
User Persona - 1
User Persona - 2
Wireframes: After creating the user flow, we created wireframes to visualize the layout and content of each screen. We designed wireframes for the following screens -
Home screen: Allows users to discover fitness centres based on their location, price, reviews, and availability of equipment and class schedules.
Fitness centre profile screen: Displays the complete profile of fitness centres, including photos, plans, reviews, and timings.
Join fitness centre screen: Allows users to join fitness centres through the app and make secure payments.
Attendance screen: Allows users to mark attendance at fitness centres using QR codes.
Workouts screen: Allows users to track workouts and attendance, view personalized workout plans, and receive reminders.
Admin portal screen: Allows fitness centre owners to manage their gym profile, track members, attendance, manage membership payments, etc.
Visual Design: Once the wireframes were finalized, we moved on to the visual design. We created a color scheme that was energetic and motivating, with shades of yellow, red and blue. We also incorporated images of people working out to add an aspirational element to the app.
Color System
Typography
Components
Prototype: With the wireframes and visual design finalized, we created a prototype using Figma. We tested the prototype with a group of users to gather feedback and made necessary changes based on their suggestions.
Conclusion
In this case study, we designed a user-friendly and visually appealing fitness centre application that allows users to discover and join different fitness centres in their area, view their complete profile, and track their workouts and attendance. The app also includes a QR code system for users to mark their attendance at fitness centres and an admin portal for fitness centre owners to manage their gym profile, track members, attendance, manage membership payments, etc.
The design process involved creating a user flow, wireframes, visual design, and a prototype. We focused on creating an easy-to-use interface that allows users to find fitness centres based on their location, price, reviews, and availability of equipment and class schedules. The app provides users with a personalized experience by offering workout plans, attendance tracking, and reminders. Additionally, the admin portal enables fitness centre owners to manage their gym profile, track members, attendance, manage membership payments, etc.
In conclusion, the fitness centre application we designed addresses the needs and preferences of our target audience and provides a seamless and convenient platform for both users and fitness centre owners.
