Design Mockup

Some images are provided by Figma and only serve as a placeholder. Any information in the images do not represent the actual data. .

Login Page

This page is a login page where users are required to sign in with their Apple ID.

Home/Excercise Page

The Home page is the entry point after logging in. Users can start their workout, navigate to all other pages, and view videos on how to use the application.

The Exercise page appears after the user selects the Start Exercise button. Here the user can track their sets and reps and view feedback on their form and velocity.

Pet Store Page

The pet store is designed to present a collection of items that users can buy using the pet coins they earn. Users have the ability to click on different item tabs, such as "Pets" or "Backgrounds", and can also sort items based on name or price. Users can preview store items with their current pet outfit by clicking on the item. This also allows users to buy the item or return back to the store page. An alternative mockup shows how the pet store may function if there was a sale item(s).

Achievement Page

The achievement page allows users to collect and view any earned or unearned achievements that also reward the user with rewards, like exp or in-game currency.

Pet Page

More ...

This page is designed to show the user's profile summary of almost everything in regards to level, exp, achievement showcase, and your virtual pet. Users will also have the ability to click on a "Cogswheel" button to open up settings/more to change personal data, notifications, syncing sensors, connecting apple health to the app, and etc.

Workout summaries

This page is designed to show the user's overall progress. They have the ability to see the feedback for each of the workout they have done. Clicking on 'form' or 'speed' will give the user more in-depth information about that particular data. This page will also display a graph that visually shows their overall progress. They will have the ability to see a graph for just form or just speed or both. The graph serves as a placeholder and do not represent actual data. .