00

Mobile App

UI/UX & Product Design

UI/UX & Product Design

mybodypro

mybodypro is a mobile sports app that acts as an athlete management and analytics platform for coaches, sports clubs and youth teams. It combines training tracking, goals, communication and performance analytics in one environment to take your team to the next level.

challange

One of the main challenges was designing a fitness and training application that keeps athletes engaged over long periods without overwhelming them with complex functionality or excessive information. Since the platform focuses entirely on the athlete experience, the interface needed to feel motivating, easy to navigate, and highly focused on personal progress rather than administrative or technical features. Another challenge was building a system flexible enough to support dynamically changing training content. Courses, workout programs, and educational materials are managed and added through the backend, meaning the frontend experience had to adapt seamlessly to different types of content structures without breaking consistency or usability

One of the main challenges was designing a fitness and training application that keeps athletes engaged over long periods without overwhelming them with complex functionality or excessive information. Since the platform focuses entirely on the athlete experience, the interface needed to feel motivating, easy to navigate, and highly focused on personal progress rather than administrative or technical features. Another challenge was building a system flexible enough to support dynamically changing training content. Courses, workout programs, and educational materials are managed and added through the backend, meaning the frontend experience had to adapt seamlessly to different types of content structures without breaking consistency or usability

One of the main challenges was designing a fitness and training application that keeps athletes engaged over long periods without overwhelming them with complex functionality or excessive information. Since the platform focuses entirely on the athlete experience, the interface needed to feel motivating, easy to navigate, and highly focused on personal progress rather than administrative or technical features. Another challenge was building a system flexible enough to support dynamically changing training content. Courses, workout programs, and educational materials are managed and added through the backend, meaning the frontend experience had to adapt seamlessly to different types of content structures without breaking consistency or usability

solution

The solution was to create a clean, progression-oriented experience centered around training programs, goals, and personal development. The UX focuses on clarity and motivation, using structured lesson flows, progress tracking, and simplified navigation to help users stay focused on their training journey. The interface system was designed to work dynamically with backend-managed content, ensuring that newly added courses and training materials integrate naturally into the app without requiring redesigns or manual frontend adjustments

The solution was to create a clean, progression-oriented experience centered around training programs, goals, and personal development. The UX focuses on clarity and motivation, using structured lesson flows, progress tracking, and simplified navigation to help users stay focused on their training journey. The interface system was designed to work dynamically with backend-managed content, ensuring that newly added courses and training materials integrate naturally into the app without requiring redesigns or manual frontend adjustments

The solution was to create a clean, progression-oriented experience centered around training programs, goals, and personal development. The UX focuses on clarity and motivation, using structured lesson flows, progress tracking, and simplified navigation to help users stay focused on their training journey. The interface system was designed to work dynamically with backend-managed content, ensuring that newly added courses and training materials integrate naturally into the app without requiring redesigns or manual frontend adjustments

how was the process going

discovery & analysis

The discovery phase focused on understanding how athletes interact with digital training platforms and what keeps users consistently engaged in long-term fitness programs. The goal was to create an experience that feels motivating and structured while remaining simple enough for everyday use on mobile devices.

problem analysis

audience analysis

competitor research

final direction


ux structure

The UX structure was designed around simplicity, progression, and reducing friction during everyday training routines. Since users primarily interact with the app in active, fast-paced environments such as gyms or workouts, the experience needed to minimize unnecessary actions and make key information instantly accessible.


The platform architecture focuses on guided training flows where users move through structured workout programs and educational content in a clear sequence. Instead of presenting workouts as disconnected content, the system organizes them into progression-based paths that help athletes maintain consistency and understand their long-term development.


Navigation was intentionally simplified to prioritize the most important actions — accessing current programs, tracking progress, viewing completed sessions, and continuing active training flows. The interface avoids deep menu structures and excessive configuration, keeping the experience lightweight and focused on execution rather than management.


Special attention was also given to dynamic content integration. Since courses and training programs are managed through the backend, the UX system was designed to adapt naturally to new lessons, exercises, and content types without disrupting the overall structure. This ensures scalability while preserving a consistent user experience across all training materials.


Overall, the UX structure transforms training content into a guided mobile experience that supports routine, motivation, and long-term engagement.



interface design

The interface design was built around a modern, motivational, and mobile-first aesthetic focused entirely on the athlete experience. Since users interact with the app during workouts and active routines, the visual system needed to feel fast, focused, and easy to process at a glance without overwhelming the user with excessive controls or dense information.

A strong emphasis was placed on hierarchy and progression visibility. Training programs, active sessions, completed workouts, and achievement states were visually prioritized through clear typography, spacing, and card-based layouts that support quick scanning and interaction on mobile devices. The UI was intentionally designed to feel energetic and engaging while still maintaining clarity and usability.

The visual language combines bold imagery, high-contrast sections, and modern fitness-oriented aesthetics to reinforce motivation and movement throughout the experience. Progress indicators, completion states, and training milestones were integrated as core visual elements to create a stronger sense of momentum and personal achievement.

Because the platform content is dynamically managed through the backend, the interface system was designed to remain flexible and scalable across different course structures and workout formats. Components were created to adapt naturally to new programs and lessons while preserving consistency across the application.

Overall, the interface direction focuses on transforming structured fitness content into an engaging, easy-to-follow mobile experience that supports long-term user motivation and consistency.


outcomes

The final product delivers a focused, athlete-centered training experience that combines structured workout programs, progress tracking, and educational content into a single mobile ecosystem. By simplifying navigation and reducing interface complexity, the app creates a more accessible and motivating environment for users to stay consistent with their training routines.


The UX and interface system successfully transform backend-managed fitness content into a clear, scalable mobile experience that can continuously evolve without disrupting usability. Dynamic course integration allows new training programs and lessons to be added seamlessly while maintaining consistency across the application.


Beyond functionality, the platform establishes a stronger sense of progression and engagement through visual feedback, guided learning flows, and motivational design patterns. The result is a scalable fitness product that supports long-term athlete development while remaining lightweight, intuitive, and easy to use during everyday training.



role

Product Designer

industry

Finance Analytics

duration

1,5 month

tools

Figma

project gallery

contact me

let’s discuss your project, product or opportunity

Whether you’re building a product, redesigning an existing experience, or looking for a long-term collaboration, feel free to get in touch

contact me

let’s discuss your project, product or opportunity

Whether you’re building a product, redesigning an existing experience, or looking for a long-term collaboration, feel free to get in touch