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.

User Personas

Two primary user personas informed the design, representing the distinct needs of young urban athletes wanting better training data and a more intuitive platform.

Kaloyan Georgiev
Goal

Track his training progress and compare results over time in a clear, easy-to-read way.

Age
20
Occupation
Student
Location
Bulgaria
Tech Comfort
High
Needs
  • Easy progress tracking
  • Clear statistics view
  • Fast app navigation
Frustrations
  • Outdated UI
  • Confusing statistics
  • Poor mobile experience
"I just want to see how I'm improving — why is it so hard to read?"

Persona 1: Primary User

Represents young athletes aged 18–25 who train regularly and want clear, motivating data to track their performance improvements.

Adam Svoboda
Goal

Use a redesigned platform that is visually consistent and intuitive without needing to re-learn the interface.

Age
22
Occupation
Student
Location
Czech Republic
Tech Comfort
Medium
Needs
  • Better UI for the platform
  • Consistent visual design
  • Simpler onboarding
Frustrations
  • Confusing design
  • Inconsistent colors
  • Unintuitive layout
"The app could be great — it just looks like it was made in 2010."

Persona 2: Secondary User

Casual users and returning athletes who need a visually consistent, modern interface to stay engaged with the platform long-term.

Point of View & How Might We

Based on our research, we defined key problem statements and reframed them as design opportunities to guide our ideation process.

Point of View

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
  • 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 data can be displayed without causing confusion.
Point of View
Xsens Dot Device

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

How Might We
Xsens Dot Device
  • Identify the easiest way to showcase device data in the app.
  • Make the data understandable but as detailed as possible.
  • Make the experience between the Xsens Dot device and app fluid.
  • Create an efficient way of collecting and storing device data.
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

Back-End Integration

Connect training sessions to individual user accounts via proper back-end integration.

Broader User Testing

Expand testing across diverse athlete groups and skill levels for richer feedback.

AI Fatigue Prediction

Implement AI models for predictive fatigue detection and injury risk alerts.

Online Hosting

Host the application online to improve accessibility and long-term scalability.

Lessons Learned

Scalable Data Architecture

A secure, scalable database is essential for any sports performance application.

Clear Data Visualisation

Fatigue and impact data must be shown simply — athletes need quick, readable insights.

User Feedback Value

Surveys and guerrilla testing surfaced real usability issues that internal review missed.

Agile Communication

Proactive communication and flexibility are crucial to keeping agile teams aligned.