Design
- Purple (Lavender): #B19CD9
- Yellow (Pale Lemon): #FFFACD
- Blue (Soft Sky Blue): #87CEEB
The Welcome page serves as an entry point for users, where they can log in or sign up to start using the platform. It introduces users to the app’s purpose- to help them shift their fitness routines to meet their goals. The design is simple and inviting with buttons for login and sign up. It also includes a user testimonial to highlight how the app helped them create a personalized routine and stay consistent in their fitness journey.
The Sign In page of the app welcomes return users with a motivational message to remind them they are closer to achieving their fitness goals. The left side of the page features a simple sign-in form where users enter their email and password to access their accounts. For users who may have forgotten their password there is a “Forgot password” link for easy recovery.
The Sign up page invites new users to begin their fitness journey by creating an account. Users are prompted to enter their name, email, password, and birthday to get started. The page is designed for a simple sign up and there is a link to redirect anyone who is already a member back to the sign in page.
The User Dashboard is the opening page after the initial sign in/ sign up pages. This page contains four different widgets. The largest widget is the one listing out that day's workout routine and also has a link to the workout plan page that gives the user a look ahead to the rest of their week. The next widget is a link to a video that coincides with the current workout routine. The next widget is a process tracker in the form of a pie chart that allows the user to see the percentage of completeness of their workout plan. The last widget is the calorie tracker which allows the user to track their calorie intake for each meal of the day.
The Browse page is where the user is able to find the workouts that bests fits their goals. The search bar allows the user to look for the specific workout that they want. There is a sidebar to filter through the workouts based on level, type, and location of the workout. They are able to filter through the instructors that they want.
The workout plan page has the title and instructor of the plan. There is a button for the user to subscribe to the workout. There is information about the workout to the side. An overview of the entire plan is provided on the page along with the time, equipment, and link to the workout.
The ‘My Training Plan’ page is dedicated to showing all the workout programs that the user has subscribed to. Another feature is that it recommends other workout programs similar to the ones the user is already subscribed to. When you click on the already subscribed videos, it will take you to the next planned workout video in that program. When you click on new programs, it will allow you to subscribe. When the user exists any videos, all progress will be saved on this page.
The profile page contains the profile picture, name, age, weight, and height of the user. The page also displays the weekly progress of the users workout streak, fitness goal, and weight goal. This page is used for the user to look at their progress for the week and identify improvements needed based on their activity for the week.
