MONSTER GUARD: UI/UX Design

Role: ​UI/UX Art Lead 

​Skills: ​Concept, UI Design, Icon Design, Wireframes, Layout, UX, Game Design

Tools: Adobe Illustrator, Photoshop, InDesign, Unity Game Engine, TortoiseSVN​
I worked on the early development of this game. I was responsible for developing wireframes, choosing the typeface, layout/mock-ups, and setting up the look and feel of the UI. ​

Gameplay

In the final version of the game, the 2D characters (shown below) were replaced by the 3D characters (shown above) as was originally intended. The tactile UI button shapes seen in the mock-ups changed to the flatter, rounder shapes shown in the final versions above so that they did not visually compete with the 3D characters. 

A lot of the final UI was derived from the round white shape I created for this map above (final screenshot). I had to create up to 50 different iterations of icons within a two day time crunch.

App Flow & Game Design










Before the wireframes, I had to lead creating the app flow of the game with the Producer and a programmer so that we could get a feel for the scope of the game. This process was not only vital for the developers but also for our financial manager and client. 
I also collaborated with the Lead Producer and Programmer in understanding where art elements went and how the player would interact with them. Together, we designed game content for early levels.