Since the beginning of the course I knew what game I was going to make the companion app for, so I just needed to come up with a design to use and think about what content I would include. I decided to start by thinking of the colour scheme. Colour Scheme For the colour scheme… Continue reading Design and Research
User Flow and U.I Wireframing
UI Wireframing For UI wireframing I used Figjam to plan out all of the pages I planned to have in the app. I decided to add a home page, guides page, account page and a stats page. The stats page would have an inventory page and a stats page that shows the players level. The… Continue reading User Flow and U.I Wireframing
UI Prototyping for Mobile Application
I started by choosing the resolution I was going to go for. This was an easy choice as I just went with my phones resolution, which is 375 by 812 pixels. After deciding this, I moved on to start making the home page. I created some news and laid out where all of the buttons… Continue reading UI Prototyping for Mobile Application
Adapting Your Design for Web Deployment
PC Design I started this process by choosing the resolution I was going to use and it was a simple choice as most monitors run at 1920 by 1080 so I went with this resolution. After deciding on this I got to work I made the font of the text bigger as the screen size… Continue reading Adapting Your Design for Web Deployment