These are some basic sketches of what the different screens on my app will look like. I have not drawn all of the screens as the mood pages, the different challenges pages and the different breathing challenges pages are the same so I just drew them once.

This is my sign up page, I designed it with a simple layout in mind where the user just needs to fill in their name, email and password. Then there is the login page where the user just has to put in their email and password and they will be logged straight in. I designed these two pages in the same style to keep consistency between the two pages.

I then designed my home page and I wanted to keep it simple and have all of the buttons to the different pages in the one page so that the user has an easy time finding everything quickly. I did the same for the mood tracker for the same reasons and to keep the two pages consistent

I then designed the mood page that sill show a emoji of the certain mood the user chooses, will tell the user how they feel and allow them to add and save notes on why they feel the way they do and so that they can review it later if they want. After that I designed the previous moods page which is laid out as a calendar and will have an emoji under each day the user has saved a mood and they will be able to see that mood and review the notes they made.

I then created the weekly fitness challenge page where i laid out each challenge under the other so that the user can easily scroll through each of the challenges. I then designed the log your fitness challenge and as the user has to fill boxes out I designed this in the same way as the sign up and login page. I then designed the leaderboard page which just looks like your average leaderboard and it will show the user where they are on the board and how many points they and each person have.

I then have the virtual medal page which is laid out in the same way as the home page and mood page so that the user can see the different medals they have won. Next came the breathing exercises page that I laid out in the same way as the fitness challenge page again so the user can easily scroll through it and choose the one they want to do.

I then designed the page that tells the user how to do the breathing exercise correctly. It is just a simple page with text and explaining them what to do. Then I designed the music page which I looked to Spotify for as they have a good UI when it comes to music. The page will show the user the name and artist of the song and the album cover.

The podcasts page below is just laid out the same way as the music page to keep it simple. Then I designed the useful links page that just shows the user an image and the name of the link.

After having a feedback session I added three more screens. The first one was the challenges page that shows the user each of the medals they can win and how they can win them, I laid this page out the same as the music and podcasts page as I just wanted to keep it simple and show the user what the medal looks like and how they can achieve it. I then decided to create the full medal that shows the user the medal and why they won it. The background will be a gradient of the colour of the medal.