Product Design / UI Design / UX Design

AthleteTracker is a small project I started in response to a need for accurate location updates of athletes during sporting events. I first became aware of the problem when competing in my first Ironman. Athletes can be out on the course for up to 17 hours with friends, family and coaches left in the dark on their whereabouts.

Using the latest GPS and IoT technology combined with a simple and engaging UI, Shadow aims to erradicate this problem and enhance the spectator experience. This is an ongoing project in which I am teaching myself Javascript as well as developing an understanding of back-end coding and GPS technologies. Since beginning this project in 2015, there have been several successful startups based on similar concepts.


In races (particularly longer distances) Athletes can be out on the course for long periods of time with friends, family and coaches unsure on their location and therefore their performance and even safety.


Unlike a standard persona, proto-personas are based on the assumptions of the stakeholders, and further checked against actual data. They are a collection of market research and intuition presenting an opportunity to articulate the target audience, their needs, and behaviors. The use of proto-personas ensure alignment with our client stakeholders. They ultimately represent what we think our users are like.

User Map

Based on personal experiences and feedback from other Athletes I sketched out a user map for the application. It was decided early on to build an in-browser application in order to be most cost effective in the short term. Two key areas highlighted on the flow map were the ability to search for trackers and having a profile section for a more personalised user experience. I wanted to keep things very simple and focused on dashboard activity as seen in the relatively simple map above.


After Sketching out some wireframes I mocked them up in Sketch, by uploading them to inVision we got an idea to how the site would look I tested these out on a few people before moving on to creating more detailed visuals. It was important that users could use the application on any device, so careful consideration of different sized screens was important in the design. Clear and simple design is vital for this application, so I ensured every element was 100% required.

Logo & Branding

The goal for the logo and branding was to invoke a feeling of comfort with technology. To achieve this I used a soft typeface and laced with a warming tone. The brandmark of a location pin helps to establish the purpose of this GPS tracking company, whilst also breaking up the uniformity of the logo. These colours are followed through into the application itself in order to create a seamless experience.


The tracking dashboard is the integral part of the application. This is where most users will spend the majority of their time so it must be clear, concise and easy to use. When a user registers for the service they will recieve a unique link which they can share with friends, family or coaches. Visual design is always especially important, so a lot of care was taken in sweating the details of this design. There is a huge level of data available from the GPS unit that needs to be clearly displayed and communicated with the user in order for the app to be successful.

User & Event Profile

Here we can see information about the competitor that you are following and also information about the event such as start time, weather conditions and competitors. On the user profile link this would take you through to a live leaderboard that would show other tracker users and their overall position. Depending on the event, this could also be plugged into their proprietary timing system so that even users who are not utilising the GPS tracker can be considered in the standings.

Time to Location

During user research there was one feature which many of the target market highlighted as being very important, that was the 'Time to Location' option. When following an athlete at a race, it is often hard to know when they will get to your current position. So you think you have time for a quick coffee and unfortunately return none the wiser that the athlete has passed! This feature will use the geolocation of the user and the GPS device then using current speed averages will calculate their ETA.

Visit Website