top of page

Run Tracker - Mobile App

The application has a simple and easy-to-use interface. It helps you stay focused and on track to meet your goals. 

Responsive - Because users access the app in all sorts of sizes, we took care of responsiveness in the design. The content, breakpoints, spacing, typography, etc are visible and accessible on any device size.

​

Color - We chose dark UI to be differentiated from other apps and together with the glow green we thought it gives the motivation to work out as it is associated with power.

​

Hierarchy - Structuring elements to represent an intended flow of information.
We made sure that users discover and navigate the app's primary actions and content, and that secondary items are in logical, predictable locations.

​

Information - The combination of text and icons for a better user experience.

​

My Role: Design Director (+ Hands-on), wireframe, prototype, specifications, App Store presence materials.

On-boarding

The geometric shapes and lines are animated in the background

onboarding10.jpg
onboarding2.jpg
onboarding3.jpg
onboarding4.jpg
onboarding5.jpg

Home screen

Free style running
main-screen.png
Guided running
guided-run.png

During the run

during1.png
during3.png
during2.png
during4.png

End run

endrun1.jpg
endrun2.jpg

Run summary

End workout.jpg
End workout.jpg
End workout.jpg
End workout.jpg

Progress

Progress.jpg
AchievementsScreen.jpg
bottom of page