Loading...

Urban Sports Tracker

As part of a collaborative team, I contributed to the design and front-end development of the Urban Sports Tracker — a cross-platform app focused on monitoring and visualizing workout impact. Working closely with the team, I helped shape the user interface, designed key screens, and built interactive components, ensuring a clear and engaging experience for athletes tracking their performance.

  • Role: UI/UX Designer & Front-end Developer (Support)
  • Duration: 4 weeks
  • Tech Stack: Figma, Visual Studio Code, GitHub
  • Platforms: iOS & Android
  • Deliverables: High-fidelity Prototypes, Front-end Pages, Visual Assets
Urban key screens

Overview

Throughout this project, I actively contributed to both research and design, supporting the application's development from initial concept to high-fidelity prototype. A significant part of my role involved researching counter-movement jumps—a key feature of the app—and exploring future opportunities with Artificial Intelligence (AI) to enhance performance insights.

User testing was central to the process, where I gathered feedback through surveys and guerrilla testing. This feedback helped refine the app’s usability, ensuring it truly served athletes' needs. I also conducted a competitor analysis, helping shape a user-friendly and differentiated experience within the crowded sports tracking market.

I contributed to the cross-platform redesign of the high-fidelity prototype, ensuring a seamless experience across both Android and iOS. Working iteratively and responding to real user feedback reinforced my focus on adaptability, responsiveness, and user-centered design principles.

Overall, this project strengthened my skills in agile teamwork, research-driven design, and collaboration, while deepening my passion for creating user-focused technology in the field of sports science.

Project Questions

Criteria

Develop a cross-platform Urban Sports Tracking app that empowers athletes aged 18–24 to easily understand and act on their performance data.

Occupation breakdown among respondents (82% students).

Participation rates across different urban sports activities.

Survey Insights

Our survey revealed that the majority of participants were students aged 18–24 engaged in urban sports such as skateboarding, basketball, and freerunning. These findings shaped our design priorities toward accessible, gamified performance tracking.

Kaloyan Georgiev

Kaloyan Georgiev

Occupation:
Student
Location:
Bulgaria
Age:
20
Family:
Single
Needs
  • User-friendly app to track his training progress
Pain Points
  • Outdated UI of the website
  • Confusing statistics
Personal Traits
Empathy
Communication
Adam Svoboda

Adam Svoboda

Occupation:
Student
Location:
Czech Republic
Age:
22
Family:
In a relationship
Needs
  • Better UI for existing platform
Pain Points
  • Confusing design
  • Inconsistent green colors
Personal Traits
Creativity
Problem Solving

Personas Overview

Personas are an important result from our research. We based them on the survey and interviews. By utilizing personas, we can make informed design decisions aligned with the target audience's needs, allowing us to focus on pain points and improve user experience.

The personas guided the team in designing a simple, performance-focused tracking app that young urban athletes find intuitive and motivating.

Point of View (POV)

A user who wants to check his training data and compare it for improvement, but is confused on how to do so.

How Might We (HMW)

  • Show the user's data in an easy and understandable way.
  • Track the data and showcase the improvement over time.
  • Ensure that the shown data is accurate.
  • Ensure that the data can be displayed easily without causing confusion.

Point of View (POV) - Xsens Dot Device

A user who wants to use his Xsens Dot device as easily as possible, but cannot do so.

How Might We (HMW) - Xsens Dot Device

  • Identify the easiest way to showcase the data from the device to the app.
  • Make the data understandable but at the same time detailed as possible.
  • Make the experience between using the Xsens Dot device and app fluid.
  • Create an efficient and effective way of collecting the data from the Xsens Dot device and storing it in our app.
THINKS DOES SAYS FEELS • Buttons are just images • The text is hard to read • The idea behind the website is good • There should be more on the website • A lot of checking of each page • Only when hovering the buttons, realizes they aren't images • A lot of checking of the navigation • "I want the images to be centered" • "The navigation is confusing" • "The color scheme is nice" • Confused • Good idea but poorly made • Unhappy USER Urban Sports

Empathy Map Explanation

The empathy map highlighted critical pain points and thoughts from users. Many users were confused about the functionality of the app, especially around navigation and the interface layout. The insights gathered helped prioritize user-centric design decisions, leading to improved clarity and usability.

FATIGUE USER IMPROVEMENT Not stopping when there is pain Doesn't take breaks when needed Not enough water intake Overusing body Insufficiency of vitamins Better graphs Understanding of counter movement jump Better UX/UI of the app Track data overtime to show improvement Displaying the data properly More details about the data How to make the file transfer easier XSENS DOT

Affinity Map Explanation

The affinity map was a key tool in sorting user research insights. By categorizing user feedback into fatigue, improvement, and user needs, we were able to identify actionable insights that directly influenced the design of the app. It helped shape the app’s features, from data presentation to usability improvements.

Storyboard

Storyboard Scenario:

Anna is stressed because she experiences pain in her knees after she skates but doesn't know why. She searches online for answers and finds the app from Urban Sports Centre, downloading it. Anna starts keeping track of her training and sees when her movements are dangerous for her knees. She becomes more cautious during her skateboarding sessions and doesn't experience knee pain anymore.

Counter Movement Jump Research

Research into counter movement jumps helped define how to track fatigue and readiness among athletes.

Loading PDF...
Page 1
1

Low-Fidelity Wireframes

To structure and visualize the product early in the design process, we developed low-fidelity wireframes that clarified the necessary screens, features, and overall user flow.

These simple layouts helped our team align on core functionalities before moving into more detailed design stages.

Loading PDF...
Page 1
1

Gorilla Testing

Quick informal tests revealed early usability issues and allowed fast improvements in UI/UX flows.

High-Fidelity Prototype

After feedback and revisions, the final high-fidelity prototype delivered a polished multi-platform experience for urban athletes.

Loading PDF...
Page 1
1

AI Research

I explored how AI could predict fatigue and injury risk, offering future directions for app innovation and athlete safety.

How Usability Might Be Improved

Lessons Learned