Final Wireframe

This shows the wireframe of the final design I made of Hannah and I's design. 

Overall this is how we wanted the app to look, however quite a lot of it looks different in the actual app because of the way that the design was entered into unity. 

Font

I found it really interesting learning more about font and kerning over the project, especially because Hannah is so good with fonts and spacing.

Originally we were going to use Maven Pro, but felt that it was too broad and almost amateur font. Instead we used Calibri and then put a spacing of 100pt on it. I felt this looked a lot cleaner. 

Camera

I was really happy that we ended up being able to use the camera as part of the app because it was such an essential part of the app. 

Because the developers of the app's back end made their own camera app to sit within our app, I designed a really minimalist design so that the user can easily add photos. 

The photo app was able to take a photo by the user simply touching the screen, however this didn't seem to be focused enough and so I added a button, like most other apps have so that the user would have some sort of familiarity. 

Originally I wanted a pop up that appeared once a photo had been taken, but I felt that this didn't fit as seamlessly as possible.

So then I decided to go with something that is more static and that is super clean cut. I used the same font we'd used throughout the app and also tried to keep the spacing the same way it had been on the main page with the 3 buttons at the base. 

Friends and Pin Groups

This was a part of my design that didn't end up in the app, which I was really gutted about. I felt that the transparency made it more seamless and that it would have aided the app. However in the end we did go with something similar, just in different colouring.

The reason that I wanted to use the white and slightly less opaque version of the base, is because it seems light and cohesive.

In the end, we went with something darker that grounded the app slightly but I felt was a little heavy. 

Add new pin refined

This shows the new add pin, how I would want it to look in the app.

Hannah refined it slightly and then I've gone on to add the ability to add a group, with a colour picker and adding a name and description. 

Here it shows how the user can pick an existing group to add their pin to. I tried to keep this really simple and clean-cut with the drop down being a shade darker to show they are existing pins. 

These are some of the colours that we looked at for inspiration because they're so simple and not over the top. I wanted a range of colours for the user to choose from but not ones that would clash and were too extreme like the 2 bottom colours. 

These three screens show the pin pop up in its 3 states:

- the 1st shows what we see when you drop a pin. I've added in a title because we decided as a group that when you clicked on a pin later, you needed some sort of reference to what the pin was, beside the full description. 

- the 2nd shows when you create a new group from the pop up menu. Here is where the colour palette above came in and I made sure to add in small box with the current colour that's picked. 

- the 3rd shows when you want to choose from an existing group. I found this an interesting aspect of the pin drop as it had to show the existing colour of the group and the name, but without over cluttering the box. I felt that this worked well and when minimised looks clean cut, but has the ability to expand seamlessly. 

Splash screen

Here's a mock up of the splash screen and log in page that I made that has the new logo Hannah made and the information that we need such as the credits. 

This has the new colour scheme that we've come up with which is very minimalist as we want the main colour to come from the map

Friends

At this point I'm unsure of what we will be able to do with friends because the back end developers are still trying to figure this out

So at the moment I've just done a mock up of a set up that will show your friends from Facebook that have the app as well and then we could have somewhere where you can search from people and add them to the group.