As a game UI / UX designer, creating detailed and thorough mockups of everything I create is very important. This allows me to get feedback from the rest of the team and see if any changes need to be made. Rough mockups also allow for quick iterations to be done on them. Below are some "before and after" mockups showing my UI design process. 
Mockups made at Volition
Mockups for Wicked Wizards
Class Select Screen (Rough v1)
Class Select Screen (Rough v1)
Class Select Screen (Rough v2)
Class Select Screen (Rough v2)

Current rough version of the class select screen, still has a lot of room for improvement!

HUD Mockup (v1)
HUD Mockup (v1)
HUD Mockup (v2)
HUD Mockup (v2)

Wicked Wizards HUD mockup, rough draft

Callouts for Rough HUD
Callouts for Rough HUD
Callouts are important so the other designers know what's going on!
Callouts are important so the other designers know what's going on!

Mockup for a ping feature in Wicked Wizards

Mockups for Cyber-Death
Cyber-Death HUD (Rough, with notes)
Cyber-Death HUD (Rough, with notes)
Cyber-Death HUD (Final)
Cyber-Death HUD (Final)
Cyber-Death Shop (Rough)
Cyber-Death Shop (Rough)
Cyber-Death Shop (Final)
Cyber-Death Shop (Final)
Mockups for Man, I Love Fishing!
Fishopedia (Concept Art)
Fishopedia (Concept Art)
Fishopedia (In Game)
Fishopedia (In Game)
Mockups for End of Feline
Game Over Screen (Rough)
Game Over Screen (Rough)
Game Over Screen (Final)
Game Over Screen (Final)
End of Feline HUD (Mockup)
End of Feline HUD (Mockup)
End of Feline HUD (Mockup, In Game)
End of Feline HUD (Mockup, In Game)
Back to Top