G.I.R.L.S. Vs Aliens - UX/UI Design and Art (WIP)

Mock-up of the main HUD elements. Given the camera angle of the game, I wanted to include as much character art as possible in the UI to create a connection between them and the players.

Mock-up of the main HUD elements. Given the camera angle of the game, I wanted to include as much character art as possible in the UI to create a connection between them and the players.

Round Begins Banner

Round Begins Banner

End of Round Banner

End of Round Banner

Flashing "OVERHEATED" warning. Players cannot shoot while overheated, so a sense of urgency needs to be communicated.

Hence, I decided to use a different typeface from the rest of the UI, since this is an extraordinary state.

Flashing "OVERHEATED" warning. Players cannot shoot while overheated, so a sense of urgency needs to be communicated.

Hence, I decided to use a different typeface from the rest of the UI, since this is an extraordinary state.

Recording of an implemented WIP of the HUD.

Pause menu mockup. Once again, I wanted a character render there to show the players who they're playing as and how she looks like.

Pause menu mockup. Once again, I wanted a character render there to show the players who they're playing as and how she looks like.

Settings page

Settings page

The "Are You Sure?" window that appears whenever the player tries to restart or quit the game.

The "Are You Sure?" window that appears whenever the player tries to restart or quit the game.

Motion representation of how the UI will look like in-game.

Shop menu (No Icons to fill up the slots yet).

Shop menu (No Icons to fill up the slots yet).

Some UI elements designed for this project.

Some UI elements designed for this project.