• Projects
    • Clash Tactics: UI/UX Design
    • Taps to Riches: UI/UX Design
    • 4 Pics 1 Song: UI/UX Re-design
    • Brick Breaker Hero: UI/UX Design
    • Coin Dozer Original: UI/UX Re-design
    • Coin Dozer Re-skins: UI/UX Design
    • Monster Guard: UI/UX Design
    • The Amazings: UI/UX Design
    • NFL PLAY 60: UI/UX Design
    • Other >
      • National Park Poster
      • Game Circus: Interstitial Ads
      • Game Circus: Logo Re-Design
      • Centurion Logo Design
      • Teach for America: Web Re-Design Concept
      • Newsflash: UI & Marketing Design
      • Studies: Traditional Work
  • About

MONSTER GUARD: UI/UX Design

DOWNLOAD FOR IOS
download for android

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

Picture
Picture
Picture
Picture
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. 
Picture
Picture
Picture

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

Picture









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. 
Picture
Picture
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. 
©2012-2020 Judy Ho. All rights reserved. | itsjudyho@gmail.com
  • Projects
    • Clash Tactics: UI/UX Design
    • Taps to Riches: UI/UX Design
    • 4 Pics 1 Song: UI/UX Re-design
    • Brick Breaker Hero: UI/UX Design
    • Coin Dozer Original: UI/UX Re-design
    • Coin Dozer Re-skins: UI/UX Design
    • Monster Guard: UI/UX Design
    • The Amazings: UI/UX Design
    • NFL PLAY 60: UI/UX Design
    • Other >
      • National Park Poster
      • Game Circus: Interstitial Ads
      • Game Circus: Logo Re-Design
      • Centurion Logo Design
      • Teach for America: Web Re-Design Concept
      • Newsflash: UI & Marketing Design
      • Studies: Traditional Work
  • About