Dark Theme Workout App Mockup

Here is a workout app mockup I created!

It consists of a home page which naturally tracks your daily steps through your phone's motion, and it also consists of your daily workout and a list of other workouts to choose from with varying difficulty.

The homepage, which tracks your steps, also consists of distance walked as well as calories (respectively based on km/miles and age/weight/height, which can be changed in the settings page). It also consists of a statistics graph which shows your daily steps for each date.

When you navigate to the workout page, your daily workout appears at the top of the page as a reminder. A daily workout can be added via the "+" symbol on the page of the selected workout (See Page 3), and from there you can select the date you would like to add the workout too. This page also has very easy to navigate workout options and you can scroll down to view more categories or use the filter icon for a faster and more specific search.

On the third page, which appears after selecting a workout, you have a very clean, simple, and usable UI. It is very easy to navigate and understand, consisting of video options for each workout, as well as a concise list. There are very clear call to actions such as video buttons and a very easy-to-find start button for the workout.

Enjoy and let me know your thoughts!