Monday, 27 April 2015

App MockUp

After the pages I had designed for the app with Lizzy this morning, I made some amendments and made an extra page, I then needed to mockup the app design onto an iPhone.

I began by selecting appropriate mockups to show off the app. I found two good mockups which contained the same type of phone, I wanted a white phone as I felt it matched the app and its identity more than another colour. 

And so on the first mockup I showed the log in page, this is not the first page technically but it is the first interactive page after the loading page (which can be seen in a previous post)




I thought about the presentation of the app and the fact that I would have only one or two main images that showed the app and then the rest will be isolated on a phone. I looked at my pages and I selected my favourite for the next mock up I also felt that the description page shows what the app is about and it works really well. 



I then mocked up the rest of the pages onto an iPhone, which is the same as the ones above. 

 Pick a Tag
Pick a City/ Make a new trip page.


Trip Overview


Added Page- Map view, quick view. On the map you would see all of the places you had saved to your trip as pins you could then tap a pin and get a quick overview of the place the pin was, to go onto more detail (description page) you would click on the name of the place. 


Description page continued.

 Account Page, where you could add a new trip, write a review or go to a saved trip you would need to firstly select a trip and this would take you to your trip overview from here you could get to the map of the place you where going to. 
 I am really pleased with the app, and I think that it looks really good mocked up, I think that it is a feasible app and that it works for the brand. I think that this has gone really well for me to say I hadn't really tried app design before. 

I think that it helped that me and Lizzy drew what the app pages before I began working digitally, I am excited to see what the publication will look like. 

No comments:

Post a Comment