Mayur B M

Pro Fitness

Role / Services

User Research, Interaction, Visual design, Prototyping & Testing


Role / Services

User Research, Interaction, Visual design, Prototyping & Testing


Role / Services

User Research, Interaction, Visual design, Prototyping & Testing


Year

Nov 2022 - Feb 2023

Year

Nov 2022 - Feb 2023

Year

Nov 2022 - Feb 2023

Company

Peol Technologies

Company

Peol Technologies

Company

Peol Technologies

Overview

The Pro Fitness App provides a personalized fitness journey, allowing users to set goals, track progress, and access tailored workout plans and meal suggestions. With detailed metrics and timely notifications, users stay motivated and on track to achieve their fitness goals.

See Prototype

The Problem

Building a fitness routine is tough. Users need more than just exercises they need guidance, personalization, and support along the way. Many fitness apps lack these essentials, leaving users feeling unmotivated and overwhelmed.

Meal planning and tracking are often complicated, with users struggling to find a simple way to align their food intake with their fitness goals. The absence of structured meal plans that adapt to user preferences only adds to the frustration.

Finally, generic notifications do little to inspire action. Users crave personalized reminders that reflect their progress and goals prompts that push them to stay engaged, rather than merely ticking off tasks.

User Research

To understand the needs and frustrations of fitness enthusiasts, I conducted in-depth interviews and surveys with a diverse group of users. From beginners to experienced users, each had their own challenges. Some struggled with staying motivated, while others found it difficult to track their progress accurately.

Many users expressed the desire for personalized workout plans tailored to their specific goals and body types. They also wanted meal plans that aligned with their fitness goals without requiring them to be nutrition experts.

Notifications were another major pain point. Users wanted reminders that were meaningful and motivating, not just automated prompts. This feedback became the foundation for designing a more engaging and supportive fitness app experience.

User Profiles

During the research, it became clear that users would approach the app with different fitness goals and levels of experience. To ensure a tailored experience, I categorized users into three main profiles based on their objectives and tasks:

  1. Fitness Enthusiast
    Meet Raj, a 28-year-old college graduate passionate about fitness. He’s been using various apps to track his workout progress and nutrition, but none of them gave him the all-in-one solution he craved. For someone who thrives on achievement, he needs an app that helps him set and monitor his fitness goals while accessing diverse exercise categories and personalized meal plans. Raj wants a platform that supports his ambitions, ensuring every milestone he reaches pushes him further.


  2. Beginner User
    On the other hand, there’s Priya, a 22-year-old university student, just starting her fitness journey. Priya is curious but overwhelmed by the number of fitness apps out there. She doesn’t need something complicated she needs simplicity and guidance. Learning about nutrition, receiving beginner-friendly workout routines, and getting notifications that motivate her to stay consistent is what Priya hopes to find.


  3. Health-Conscious User
    Then we have Ravi, a 40-year-old professional who understands the value of maintaining his health. Between managing a demanding job and his family, Ravi doesn’t have time to figure out complex workout regimens or meal plans. He’s looking for an app that can help him maintain his balanced diet, track calories, and provide advanced workouts that suit his needs. Ravi values efficiency and progress.

This empathy map provides insights into the thoughts, feelings, statements, and actions of users, helping guide the design and development of the Medic App to better meet their needs and address their concerns.

This empathy map provides insights into the thoughts, feelings, statements, and actions of users, helping guide the design and development of the Medic App to better meet their needs and address their concerns.

✨

Connect to Content

Add layers or components to infinitely loop on your page.

Product Page

The Product page on Filla provides users with all the information they need to make confident purchasing decisions. Users can browse multiple images, check reviews, and easily select product options like size and color. Detailed descriptions cover essential details such as materials and eco-friendliness, ensuring transparency. Features like the Add to Cart button, product tags, and the ability to share on social media make the shopping experience both personalized and convenient.

The Product page on Filla provides users with all the information they need to make confident purchasing decisions. Users can browse multiple images, check reviews, and easily select product options like size and color. Detailed descriptions cover essential details such as materials and eco-friendliness, ensuring transparency. Features like the Add to Cart button, product tags, and the ability to share on social media make the shopping experience both personalized and convenient.

✨

Connect to Content

Add layers or components to infinitely loop on your page.

✨

Connect to Content

Add layers or components to infinitely loop on your page.

✨

Connect to Content

Add layers or components to infinitely loop on your page.

Product Page

The Product page on Filla provides users with all the information they need to make confident purchasing decisions. Users can browse multiple images, check reviews, and easily select product options like size and color. Detailed descriptions cover essential details such as materials and eco-friendliness, ensuring transparency. Features like the Add to Cart button, product tags, and the ability to share on social media make the shopping experience both personalized and convenient.

✨

Connect to Content

Add layers or components to infinitely loop on your page.

User Research

To ensure the New ERP System would address the real needs of HR teams, we began by conducting extensive user research. The goal was to deeply understand the pain points of HR professionals and how a centralized system could improve their daily workflows.

— Surveys and Interviews: We started with online surveys to gather quantitative insights into how HR teams manage tasks like payroll, staff management, and logistics. This data helped us identify key problem areas, such as inefficiencies caused by using multiple systems. Following the surveys, we conducted one-on-one interviews with HR managers and staff. These sessions offered a deeper look into their frustrations, such as manual data entry, poor communication between departments, and difficulties accessing critical information in real time.

— Competitor Analysis: We also performed a competitor analysis to understand the strengths and weaknesses of existing ERP solutions in the market. This allowed us to identify gaps where the New ERP System could stand out—particularly in terms of user experience and ease of integration with existing workflows.

— Key Insights: Our research revealed that HR teams were eager for a tool that not only centralized their operations but also simplified their processes, reduced manual tasks, and facilitated better communication. Based on these findings, we shaped the development of the New ERP System to ensure it would effectively solve these problems while being intuitive and easy to use.

Insights

After conducting countless user interviews, contextual inquiries, and analyzing the gathered data, I categorized the insights into three key areas:

— Lack of Centralized Information:
HR teams struggle with scattered data across multiple systems, leading to inefficiencies in staff management, payroll, and communication. A unified platform is essential to streamline processes and improve workflow management.

— Communication Gaps Across Departments:
A recurring issue is the delay in decision-making caused by poor communication between departments. HR staff emphasized the need for real-time updates and seamless communication to ensure they are always equipped with the latest employee information.

— Manual Processes Create Bottlenecks:
Tasks like approving leave requests, managing payroll, and handling circulars are often manual and prone to errors. Automating these processes would free up time for HR teams to focus on more strategic activities, reducing stress and improving overall productivity.

The Solution

The New ERP System simplifies HR operations by centralizing key functions like staff management, payroll, and communication. It reduces inefficiencies by providing real-time updates and automating tasks, allowing HR teams to handle their responsibilities with greater speed and accuracy. This streamlined approach minimizes errors and eliminates manual bottlenecks.

With an intuitive, user-friendly design, the system ensures smoother collaboration across departments. Real-time communication helps avoid delays in decision-making, while built-in reporting tools offer valuable insights for better workforce planning. Overall, the system improves productivity and empowers HR teams to focus on more strategic initiatives.

Designs

With the New ERP System project, I focused on creating a clean, minimal user interface that enhances functionality while remaining intuitive. Given the time constraints, I rapidly developed mockups for key user journeys, ensuring smooth navigation across critical HR functions such as payroll, staff management, and notifications.

To streamline the process, I built an interactive prototype in Figma, allowing stakeholders and developers to explore and provide feedback on the design. This prototype was essential in refining the user experience and ensuring alignment with project goals before moving into full development.

Secure Login Experience

Ensure a secure login experience with clear input fields for username and password, allowing users to access the New ERP System safely while maintaining data protection and privacy.

Comprehensive HR Overview

The dashboard provides HR managers with an at-a-glance overview of key metrics like staff count, application trends, and department data. Visual indicators, such as growth arrows, make it easy to track performance without needing detailed reports.With features like a scrollable memo section, a staff list with procurement requests, and a pie chart for application statuses, the dashboard streamlines management tasks. This centralized interface helps users make informed decisions quickly and efficiently.

Staff Management Made Easy

The Staff page provides a streamlined way to manage employee data. Users can quickly search for staff, apply filters, and add new team members with ease. The top section displays the total number of staff, a search bar, filter options, and an “Add New Staff” button.

In the main content area, staff details are displayed in a table format, featuring information like first and last names, gender, staff ID, designation, and actions such as "View" or "Edit." The page also supports easy pagination and scrolling for smooth navigation through large datasets, allowing users to view or update staff details efficiently.

Streamlined Payroll Management

Navigating the complexities of employee compensation can often be daunting for HR professionals. The Payroll page transforms this experience, providing a clear and concise overview of crucial financial metrics such as gross and net salaries, total taxes, and loans. With everything laid out at a glance, HR can quickly assess the organization’s payroll status, allowing for timely adjustments and informed decision-making that aligns with company policies.

As HR teams dive deeper into the Payroll page, they find an intuitive layout that simplifies navigation. The annual payroll summary bar graph vividly illustrates salary distributions, taxes, and loans, facilitating rapid evaluations of the organization’s financial health. With the power to create salary definitions, generate payslips, and edit entries directly, HR staff can manage payroll processes effortlessly. This streamlined approach not only reduces administrative burdens but also empowers HR to focus on strategic initiatives that drive organizational growth.

Efficient Circular Management

The Circular section acts as a centralized hub for managing essential organizational communications. HR professionals can quickly search for specific circulars, filter through existing ones, and add new circulars with ease, ensuring that all critical announcements are accessible for improved transparency. With a clear display of each circular's title, sender, recipient, date, type, and actionable options, HR teams can efficiently track and manage communications. This streamlined layout enables quick creation of new circulars, keeping employees informed and fostering a cohesive workplace environment.

Streamlined Maintenance Management

The Maintenance page serves as a pivotal tool for HR and operational teams, centralizing the management of scheduled maintenance activities. At the top, users are greeted with clear indicators of scheduled, completed, pending, and overdue maintenance tasks, each accompanied by helpful arrows and status information to keep everything organized at a glance.

Diving into the main frame, users can effortlessly schedule new maintenance tasks by selecting dates from an interactive calendar and entering relevant details. This functionality not only ensures that maintenance activities are timely and well-coordinated but also allows users to attach payment invoices, streamlining the financial aspect of maintenance management. This intuitive layout fosters a proactive approach to facility upkeep, enhancing overall operational efficiency.

Streamlined Logistics Management

The Maintenance page serves as a pivotal tool for HR and operational teams, centralizing the management of scheduled maintenance activities. At the top, users are greeted with clear indicators of scheduled, completed, pending, and overdue maintenance tasks, each accompanied by helpful arrows and status information to keep everything organized at a glance.

Diving into the main frame, users can effortlessly schedule new maintenance tasks by selecting dates from an interactive calendar and entering relevant details. This functionality not only ensures that maintenance activities are timely and well-coordinated but also allows users to attach payment invoices, streamlining the financial aspect of maintenance management. This intuitive layout fosters a proactive approach to facility upkeep, enhancing overall operational efficiency.

Dynamic Budget Oversight

The Office Budget page transforms financial management into a seamless experience for HR professionals. Users can effortlessly track the total annual budget, current spending, and remaining balance, ensuring clarity on financial resources at a glance.

With detailed budget histories and the ability to create new budgets and submit requests for approval, this page empowers HR to make informed decisions. This streamlined approach not only enhances transparency but also fosters a culture of fiscal responsibility within the organization.

Streamlined Stock and Inventory Management

The Stocks and Inventory page serves as a vital resource for HR professionals, providing a comprehensive overview of organizational assets. Users can quickly assess total items, associated costs, and low-stock alerts, ensuring that resources are managed effectively.

With the ability to toggle between stock and inventory views, HR teams can easily navigate detailed listings, including unit counts, pricing, statuses, and supplier information. This functionality not only simplifies the process of updating records but also empowers HR to maintain optimal inventory levels and respond proactively to supply needs.

Efficient Notification Management

The Notifications page is designed to keep HR professionals informed and engaged with real-time updates. Users can effortlessly view all notifications, with a clear distinction between today's and yesterday's alerts, complete with timestamps for easy reference.

By marking notifications as read, HR teams can maintain an organized overview of important communications. Each notification can be clicked for detailed information, ensuring that critical messages from HR are readily accessible and actionable. This streamlined approach enhances communication and helps foster a responsive workplace environment.

Streamlined Procurement Management

The Procurement page serves as a vital tool for HR professionals, providing a comprehensive overview of all procurement activities. At the top, users can easily track total requests made, costs incurred, and the status of pending and approved requests, each accompanied by clear indicators for quick assessment.

In the main content area, HR can view detailed procurement requests, including item quantities, recipients, requesters, dates, and statuses. With the ability to create new procurement requests and attach payment vouchers, this page simplifies the approval process. Clicking on any procurement request reveals a detailed view, complete with a submission form for HR to add remarks. This efficient setup enhances oversight and facilitates seamless procurement operations.

The Solution

The New ERP System simplifies HR operations by centralizing key functions like staff management, payroll, and communication. It reduces inefficiencies by providing real-time updates and automating tasks, allowing HR teams to handle their responsibilities with greater speed and accuracy. This streamlined approach minimizes errors and eliminates manual bottlenecks.

With an intuitive, user-friendly design, the system ensures smoother collaboration across departments. Real-time communication helps avoid delays in decision-making, while built-in reporting tools offer valuable insights for better workforce planning. Overall, the system improves productivity and empowers HR teams to focus on more strategic initiatives.

Designs

With the New ERP System project, I focused on creating a clean, minimal user interface that enhances functionality while remaining intuitive. Given the time constraints, I rapidly developed mockups for key user journeys, ensuring smooth navigation across critical HR functions such as payroll, staff management, and notifications.

To streamline the process, I built an interactive prototype in Figma, allowing stakeholders and developers to explore and provide feedback on the design. This prototype was essential in refining the user experience and ensuring alignment with project goals before moving into full development.

Secure Login Experience

Ensure a secure login experience with clear input fields for username and password, allowing users to access the New ERP System safely while maintaining data protection and privacy.

Comprehensive HR Overview

The dashboard provides HR managers with an at-a-glance overview of key metrics like staff count, application trends, and department data. Visual indicators, such as growth arrows, make it easy to track performance without needing detailed reports.With features like a scrollable memo section, a staff list with procurement requests, and a pie chart for application statuses, the dashboard streamlines management tasks. This centralized interface helps users make informed decisions quickly and efficiently.

Staff Management Made Easy

The Staff page provides a streamlined way to manage employee data. Users can quickly search for staff, apply filters, and add new team members with ease. The top section displays the total number of staff, a search bar, filter options, and an “Add New Staff” button.

In the main content area, staff details are displayed in a table format, featuring information like first and last names, gender, staff ID, designation, and actions such as "View" or "Edit." The page also supports easy pagination and scrolling for smooth navigation through large datasets, allowing users to view or update staff details efficiently.

Streamlined Payroll Management

Navigating the complexities of employee compensation can often be daunting for HR professionals. The Payroll page transforms this experience, providing a clear and concise overview of crucial financial metrics such as gross and net salaries, total taxes, and loans. With everything laid out at a glance, HR can quickly assess the organization’s payroll status, allowing for timely adjustments and informed decision-making that aligns with company policies.

As HR teams dive deeper into the Payroll page, they find an intuitive layout that simplifies navigation. The annual payroll summary bar graph vividly illustrates salary distributions, taxes, and loans, facilitating rapid evaluations of the organization’s financial health. With the power to create salary definitions, generate payslips, and edit entries directly, HR staff can manage payroll processes effortlessly. This streamlined approach not only reduces administrative burdens but also empowers HR to focus on strategic initiatives that drive organizational growth.

Efficient Circular Management

The Circular section acts as a centralized hub for managing essential organizational communications. HR professionals can quickly search for specific circulars, filter through existing ones, and add new circulars with ease, ensuring that all critical announcements are accessible for improved transparency. With a clear display of each circular's title, sender, recipient, date, type, and actionable options, HR teams can efficiently track and manage communications. This streamlined layout enables quick creation of new circulars, keeping employees informed and fostering a cohesive workplace environment.

Streamlined Maintenance Management

The Maintenance page serves as a pivotal tool for HR and operational teams, centralizing the management of scheduled maintenance activities. At the top, users are greeted with clear indicators of scheduled, completed, pending, and overdue maintenance tasks, each accompanied by helpful arrows and status information to keep everything organized at a glance.

Diving into the main frame, users can effortlessly schedule new maintenance tasks by selecting dates from an interactive calendar and entering relevant details. This functionality not only ensures that maintenance activities are timely and well-coordinated but also allows users to attach payment invoices, streamlining the financial aspect of maintenance management. This intuitive layout fosters a proactive approach to facility upkeep, enhancing overall operational efficiency.

Streamlined Logistics Management

The Maintenance page serves as a pivotal tool for HR and operational teams, centralizing the management of scheduled maintenance activities. At the top, users are greeted with clear indicators of scheduled, completed, pending, and overdue maintenance tasks, each accompanied by helpful arrows and status information to keep everything organized at a glance.

Diving into the main frame, users can effortlessly schedule new maintenance tasks by selecting dates from an interactive calendar and entering relevant details. This functionality not only ensures that maintenance activities are timely and well-coordinated but also allows users to attach payment invoices, streamlining the financial aspect of maintenance management. This intuitive layout fosters a proactive approach to facility upkeep, enhancing overall operational efficiency.

Dynamic Budget Oversight

The Office Budget page transforms financial management into a seamless experience for HR professionals. Users can effortlessly track the total annual budget, current spending, and remaining balance, ensuring clarity on financial resources at a glance.

With detailed budget histories and the ability to create new budgets and submit requests for approval, this page empowers HR to make informed decisions. This streamlined approach not only enhances transparency but also fosters a culture of fiscal responsibility within the organization.

Streamlined Stock and Inventory Management

The Stocks and Inventory page serves as a vital resource for HR professionals, providing a comprehensive overview of organizational assets. Users can quickly assess total items, associated costs, and low-stock alerts, ensuring that resources are managed effectively.

With the ability to toggle between stock and inventory views, HR teams can easily navigate detailed listings, including unit counts, pricing, statuses, and supplier information. This functionality not only simplifies the process of updating records but also empowers HR to maintain optimal inventory levels and respond proactively to supply needs.

Efficient Notification Management

The Notifications page is designed to keep HR professionals informed and engaged with real-time updates. Users can effortlessly view all notifications, with a clear distinction between today's and yesterday's alerts, complete with timestamps for easy reference.

By marking notifications as read, HR teams can maintain an organized overview of important communications. Each notification can be clicked for detailed information, ensuring that critical messages from HR are readily accessible and actionable. This streamlined approach enhances communication and helps foster a responsive workplace environment.

Streamlined Procurement Management

The Procurement page serves as a vital tool for HR professionals, providing a comprehensive overview of all procurement activities. At the top, users can easily track total requests made, costs incurred, and the status of pending and approved requests, each accompanied by clear indicators for quick assessment.

In the main content area, HR can view detailed procurement requests, including item quantities, recipients, requesters, dates, and statuses. With the ability to create new procurement requests and attach payment vouchers, this page simplifies the approval process. Clicking on any procurement request reveals a detailed view, complete with a submission form for HR to add remarks. This efficient setup enhances oversight and facilitates seamless procurement operations.

Usability Testing (In Progress)

Usability Testing (In Progress)

Usability testing is being conducted throughout the development of the New ERP System to ensure an intuitive and efficient user experience:

— Lo-fi Prototype Testing – Regular sessions with stakeholders focus on assessing functionality, navigation, and design concepts. Feedback gathered from these sessions is actively being used to refine early-stage prototypes.

— Unmoderated User Testing (Planned) – Once mid-fidelity prototypes are developed, selected users will engage with the system to complete tasks such as managing payroll, scheduling maintenance, and generating reports. This will help uncover usability challenges in real-world scenarios.

— Beta Testing (Upcoming) – Prior to the official launch, beta testing will be carried out with a targeted group of HR professionals. This phase aims to resolve any outstanding issues related to user interaction, performance, and accessibility.

Note: As the product is still under development, usability testing is ongoing. Initial feedback has been incorporated into the design, and further results will be collected and analyzed as testing phases progress.

Project Learnings

  1. Emphasizing User-Centric Design
    Understanding the end-user experience is paramount. Throughout the development of the New ERP System, engaging with HR professionals highlighted the importance of crafting solutions that directly address their pain points. By prioritizing user needs, we can ensure that the final product is not only functional but also intuitive.

  1. Iterative Feedback is Key
    Continuous feedback loops with stakeholders and users have proven invaluable. Regular testing and reviews allow for timely adjustments, enabling the team to stay aligned with project goals and user expectations. Embracing this iterative process fosters a culture of collaboration and innovation.

  1. Adaptability Drives Success
    The complexity of an ERP system requires flexibility in approach. Being open to modifying design concepts and functionalities based on user insights ensures that the product remains relevant and effective. This adaptability ultimately leads to a more robust solution that can evolve with organizational needs.

Usability Testing (In Progress)

Usability testing is being conducted throughout the development of the New ERP System to ensure an intuitive and efficient user experience:

— Lo-fi Prototype Testing – Regular sessions with stakeholders focus on assessing functionality, navigation, and design concepts. Feedback gathered from these sessions is actively being used to refine early-stage prototypes.

— Unmoderated User Testing (Planned) – Once mid-fidelity prototypes are developed, selected users will engage with the system to complete tasks such as managing payroll, scheduling maintenance, and generating reports. This will help uncover usability challenges in real-world scenarios.

— Beta Testing (Upcoming) – Prior to the official launch, beta testing will be carried out with a targeted group of HR professionals. This phase aims to resolve any outstanding issues related to user interaction, performance, and accessibility.

Note: As the product is still under development, usability testing is ongoing. Initial feedback has been incorporated into the design, and further results will be collected and analyzed as testing phases progress.

Project Learnings

  1. Emphasizing User-Centric Design
    Understanding the end-user experience is paramount. Throughout the development of the New ERP System, engaging with HR professionals highlighted the importance of crafting solutions that directly address their pain points. By prioritizing user needs, we can ensure that the final product is not only functional but also intuitive.

  1. Iterative Feedback is Key
    Continuous feedback loops with stakeholders and users have proven invaluable. Regular testing and reviews allow for timely adjustments, enabling the team to stay aligned with project goals and user expectations. Embracing this iterative process fosters a culture of collaboration and innovation.

  1. Adaptability Drives Success
    The complexity of an ERP system requires flexibility in approach. Being open to modifying design concepts and functionalities based on user insights ensures that the product remains relevant and effective. This adaptability ultimately leads to a more robust solution that can evolve with organizational needs.

Insights

— Personalization is Key
Users expressed a strong desire for tailored fitness plans that cater to their individual goals and preferences. Many highlighted that a one-size-fits-all approach often led to frustration and disengagement.

— Seamless Tracking
The ability to track workouts and meals in a cohesive manner was identified as crucial. Users wanted a single platform to monitor their progress, eliminating the hassle of juggling multiple apps or tools.

— Engagement through Notifications
Timely reminders and motivational notifications were deemed essential for maintaining user engagement. Users appreciated features that keep them informed about their goals and encourage consistent progress.

Conceptualization

I embarked on crafting the information architecture and low-fidelity concepts centered around primary use cases for the Pro Fitness App. After receiving approval from the Product Manager, developers, and stakeholders on the initial mockups, we dove into usability testing with these low-fidelity designs. Once we gathered sufficient feedback and felt confident in the user experience, we transitioned to digitalizing the designs, laying the groundwork for a polished and engaging interface.

The Solution

The final design of the Pro Fitness App delivers a personalized fitness journey for users at every stage of their fitness journey. Users can log in using their preferred method, input personal body metrics, and set their fitness goals. From here, the app offers tailored workout categories, guided exercise routines, and meal plans to fit each user's needs.

With easy-to-use navigation, users can track their progress, monitor metrics like calories burned and heart rate, and stay motivated with timely notifications. The solution also integrates advanced features like real-time feedback and progress tracking, ensuring that users remain engaged and committed to their goals. This user-centered approach not only simplifies the fitness experience but also empowers users to take control of their health.

Designs

For the Pro Fitness App, I designed a clean, intuitive interface focused on key user journeys like logging in, setting goals, and tracking progress. The simple layout made navigation through workouts, meal plans, and notifications easy.

I created an interactive Figma prototype, enabling stakeholders to explore the design and give feedback. This helped fine-tune the app’s flow before development began.

Get started screen

This screen was simply created to showcase our logo and encourage users to click on the button to get started.

Register account

Users can quickly register via Facebook or Gmail, with a 'Forgot Password' option for easy recovery, ensuring a smooth sign-up process.

Activity Selection Page

Users can choose their favorite activities and enter personal information, such as weight and height. They also select their fitness level and specific fitness goals, personalizing their experience to align with their unique health journey.

Home page

The homepage is designed to be user-friendly and engaging. Users can select their fitness goals and choose activities from various categories, with a section highlighting popular exercises. The app also allows users to add favorite activities for quick access.

Additionally, there's a meal plan section and extra exercises available to enhance their fitness journey. A side navigation button enables users to update their profile picture and personal details effortlessly. Users can easily access settings, contact support, check notifications, and sign out, ensuring a seamless experience throughout the app.

Training Page 

The Training page invites users to explore their fitness journey with ease. Right at the top, users can clearly see their skill levels—beginner, intermediate, and advanced allowing them to select workouts that match their capabilities. As they scroll down, they discover the popular training section, showcasing various exercises along with their durations. Some exercises are locked, marked with a clock symbol, indicating that they require a premium purchase for access. The "Just for You" section presents personalized workout suggestions based on user preferences, keeping motivation high and fitness goals achievable.

Category Page 

The homepage is designed to be user-friendly and engaging. Users can select their fitness goals and choose activities from various categories, with a section highlighting popular exercises. The app also allows users to add favorite activities for quick access.

Additionally, there's a meal plan section and extra exercises available to enhance their fitness journey. A side navigation button enables users to update their profile picture and personal details effortlessly. Users can easily access settings, contact support, check notifications, and sign out, ensuring a seamless experience throughout the app.

Premium Access Page Overview

As users embark on their fitness journey, they quickly realize the value of exclusive content available through premium access. Upon selecting specific activities or workouts, a prompt informs them that unlocking these features requires a premium subscription. This ensures users have access to advanced training programs and specialized routines designed to elevate their fitness experience.

The premium offering enhances user engagement by providing access to a wider variety of workouts, personalized coaching, and unique meal plans tailored to individual goals. With the option to subscribe, users can fully embrace their fitness journey, maximizing their potential and achieving results that align with their aspirations.

Workout Dashboard

Once users upgrade to the premium version, they enter the Workout Dashboard, a hub of diverse exercises tailored to their fitness levels. With categories like cardio and strength training at their fingertips, selecting a workout is a breeze.

Each exercise comes with a vibrant image and crucial details, including calories burned and duration. Users can schedule their workouts by setting the date and reminders with a simple toggle. After hitting "Done," an engaging countdown animation starts their session.

Upon completion, a summary reveals essential stats: date, total time, calories burned, and heart rate, empowering users to track progress and stay motivated.

Meal Page

Imagine you're on a journey to better nutrition. The Meal Page welcomes you, inviting you to choose the month, year, and date for your meal planning. As you explore your options for breakfast, lunch, and dinner, a colorful array of dishes appears, each accompanied by its calorie count and preparation time.

You find a dish that catches your eye. With a simple click, you unlock detailed nutritional information, revealing the calories, fats, proteins, and carbs it offers. It’s like having a nutritionist in your pocket! If a meal truly resonates with you, just tap to add it to your favorites, making it easy to revisit later. And remember, your favorites also include your go-to workouts, creating a seamless blend of fitness and nutrition to support your goals.

Dashboard Page

As you navigate through the side navigation bar on the home page, you find the Dashboard Page—your personal hub for tracking progress. Here, the journey unfolds as you can effortlessly view today’s data, alongside weekly and monthly summaries.

With just a glance, you can see how many steps you’ve taken, the quality of your sleep, your heart rate, and the calories you've burned. Each metric serves as a snapshot of your health journey, helping you celebrate your successes and identify areas for improvement. It’s like having a fitness coach by your side, guiding you towards your goals with every step you take.

Profile Page

In the side navigation bar of the home page, clicking on your profile picture opens the Profile Page—a personalized space where your fitness journey comes to life. Here, you can effortlessly edit your details, ensuring that your information is always up-to-date.

As you scroll through, your weight and age are prominently displayed, serving as a reminder of your progress. Your fitness goals are clearly outlined, providing motivation as you work towards achieving them. Additionally, your meal goals are listed, helping you stay on track with your nutrition. This page is not just a collection of data; it’s a reflection of your commitment to a healthier lifestyle.

My Progress Page

In the side navigation bar of the home page, selecting My Progress unveils a comprehensive overview of your fitness journey. Here, you can effortlessly track your activities over different timeframes—daily, weekly, or monthly.

As you delve deeper, a vibrant bar graph comes to life, showcasing your progress. Days when your workouts peaked are highlighted, serving as a visual testament to your dedication. You'll find detailed measurements for steps taken, hours of sleep, workout intensity, and calories burned—all essential metrics that reveal how far you've come on your path to wellness. This page not only tracks your achievements but also inspires you to push further.

Notifications and Settings Page

In the side navigation bar of the home page, selecting My Progress unveils a comprehensive overview of your fitness journey. Here, you can effortlessly track your activities over different timeframes—daily, weekly, or monthly.

As you delve deeper, a vibrant bar graph comes to life, showcasing your progress. Days when your workouts peaked are highlighted, serving as a visual testament to your dedication. You'll find detailed measurements for steps taken, hours of sleep, workout intensity, and calories burned—all essential metrics that reveal how far you've come on your path to wellness. This page not only tracks your achievements but also inspires you to push further.

Usability Testing

—  Throughout the development of the Pro Fitness App, user feedback has been a driving force. Early on, we conducted low-fidelity prototype testing, gathering insights from stakeholders on navigation, functionality, and the overall user flow. These initial tests helped refine key elements before moving to the next phase.

—  As the app evolved, we began preparing for unmoderated user testing, where selected users will interact with mid-fidelity prototypes. By completing real tasks like setting fitness goals, tracking progress, and exploring meal plans we’ll uncover any usability issues that arise in real-world scenarios.

—  The final stage will be beta testing with a broader user base. This will ensure the app is intuitive, accessible, and optimized for diverse fitness journeys before the official launch. Feedback from each stage will continue to shape the design and enhance the user experience, ensuring the app meets the needs of every fitness level.

Results and Takeaways

Working on the Pro Fitness App gave me invaluable insights into balancing user needs with practicality. The journey was fast-paced, requiring quick decision-making and constant iteration.

Here are some key takeaways from this project:

— Prioritize essential features – In the initial stages, focusing on what delivers the most value to users like tracking progress and personalized workouts was crucial. It's tempting to build everything at once, but staying lean helped us move forward faster.

— User flows matter more than UI details – I initially focused too much on the visuals. Stepping back to optimize user journeys allowed me to create a smoother, more intuitive experience for users, which ultimately made a bigger impact.

— Solve real user pain points – Throughout the process, I kept coming back to the core question: “What problem are we solving?” Keeping this focus ensured that the app remained user-centric, addressing real needs like motivation and tracking.

Overview

The Pro Fitness App provides a personalized fitness journey, allowing users to set goals, track progress, and access tailored workout plans and meal suggestions. With detailed metrics and timely notifications, users stay motivated and on track to achieve their fitness goals.

See Prototype

Overview

The Pro Fitness App provides a personalized fitness journey, allowing users to set goals, track progress, and access tailored workout plans and meal suggestions. With detailed metrics and timely notifications, users stay motivated and on track to achieve their fitness goals.

See Prototype

Next case

NeuraGlass

Next case

NeuraGlass

Next case

NeuraGlass