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. When clicking on a workout plan, it will lead the user to the Workout Plan Page (image below) where they can look at the plan in detail and subscribe to it.
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. In order to 'Unsubscribe' from a workout, you would just click the same button.
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 user's 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.
The trainer profile page has the same attributes as the regular user profile page, except that it has the trainer's subscriber count at the bottom and a new tab at the top, 'My Programs'. The subscriber number is the combined number of subscribers from all your programs. Within your 'My Programs' tab, the trainer can view their channel content, analytics, and create/upload new workout programs.
On the content part of the page, the trainer can see all the programs they completed/published and their drafts. Clicking on the published programs will take them to the regular 'Workout Plan' page. When they click on a draft, it will take them to an uncompleted version of the 'Create Workout' page.
The analytics part of the page will show the trainer their combined view count, watch time (in hours), and subscriber count. It will also display a graph summarizing your channel's last month of views (broken down by day). This can be useful information to the trainer so they know how regular users are interacting with their work and what to improve on.
The Create page is the place where trainers can upload their workout programs. They can check off the level, type of workout, and locations. Along with adding its overall title, description, daily videos (will use YouTube links), etc. They will also have the option to save in the middle of working, and the draft will be saved in the 'My Program Page - Content', under 'Drafts'. After they finish it completely, they can click the 'Create' button, and upload it to their channel.