After figuring out what we wanted the UI to be like, I started working on individual pieces that make up the HUD that is used during the combat phase in the game.

Health bar structure

The spell icons themselves were the result of a collaborative effort, where my friend created the outlines of the shapes, while I redrew them so they fit into the game visually.

Concepts

Finals

In the end for the main bar we decided to use one in the bottom center of the screen. This layout may seem overused, but it’s the most effective and simple one.

Final HUD