Front Page Development

With the logo finished, and a rough concept of the layout we want, we began developing the pages to be used in our app. 

The areas of focus within the app were decided upon, and I developed a front page for the app, which doubles as a topside contents page. 

Using the logo developed in the last post, I expanded upon the page. Using the font 'Quicksand' (which was also used for the tagline) I created a menu system underneath the logo. 

The final front page can be seen below. 

Each option on the front page can be tapped to open a smaller sub menu, offering more specific areas within each topic of the fitness app. The other options open up from within the green rectangle which encases the first option. The drop down will push the other rectangles off the page, or under a fade around the logo. An example of the expansion can be seen below. 

Apologies for the odd colour of this image.

This is the front page that will be used for our app.