Tumgik
Photo
Tumblr media
Log in screen 
For my login screen, I decided to keep in nice and simple with the design as to not confuse the user and to look professional. 
0 notes
Photo
Tumblr media
Home screen main design 
This is the main design of my home screen.
0 notes
Photo
Tumblr media
To visually represent the scale of what's on the app I edited a phone size screen onto someone holding it.
0 notes
Photo
Tumblr media Tumblr media
This is the page is showing what it looks like when click on a game symbol it will show the specific games being played . 
0 notes
Photo
Tumblr media
To represent yourself you can create a profile which will show what events you attend most and whats games you prefer to play .
0 notes
Photo
Tumblr media
Functional app 
This is a print screen showcasing the functional buttons of my app and showing where each one goes. 
0 notes
Photo
Tumblr media
Final app designs 
As you can see from the above photo this is my final with the app design showcasing all the screens to my app. As you can see the map is the main attraction and main focus of my application as I feel that it is the best way to find where things are rather than just been told. Visually it also has a nice tone to it and is a pleasure to look at.
0 notes
Photo
Tumblr media
Main screens 
These are the main screens that you’ll be seeing most of the time showcasing the map as that is the main attraction of the app. It also shows the menu tab on the left . 
0 notes
Photo
Tumblr media
Home screen 
This is the main screen you’ll see when you log into the app. This screen showcases all the meetups in the manchester area along with a pull-up tab to show the game types and the menu tab. 
0 notes
Photo
Tumblr media
Game type symbols
I decided to create game symbols to represent and easily identify what type of game you can choose as seen above. I then decided to col0our coordinate it so that when pressed on the map will show that game genre on screen in the form of coloured dots.
0 notes
Photo
Tumblr media
Logo development
To start off with I used one of the symbols that I used in my app to start to develop a logo and tried out many different colours variations 
0 notes
Photo
Tumblr media
Aaron Draplin
These are some of Draplin’s designs for logos. a decision to get some inspiration from his physical book.
0 notes
Photo
Tumblr media
Wireframe
This is my final and complete wireframe for the final design of my app. There aren't many pages to it as most of them will look the exact same.
0 notes
Photo
Tumblr media
Final colour pallet
#282828
#363636
#6A6A6A
#595959
#262626
0 notes
Photo
Tumblr media
First site map 
This was the first site map I created for an app idea where the app was mainly competition focused rather than meeting people for the fun of a game.
0 notes
Photo
Tumblr media
Original colour pallet 
00FFD0
0CE87A
00FF2F
2CEB07
9CFF21
0 notes
Photo
Tumblr media Tumblr media Tumblr media
Wireframing 
This was the beginning of my wireframing for my app however I since changed my app idea and decided not to continue. 
0 notes