Purpose:
UI Case Study and Redesign Proposals
UI Case Study and Redesign Proposals
Software Used:
Photoshop CC, After Effects CC, Media Encoder CC
Photoshop CC, After Effects CC, Media Encoder CC
---
![](https://cdn.myportfolio.com/0267835fdf119947cf36604d08f4f0e5/bec375af-049b-463f-bedb-fcc7c4b6aa89_rw_1920.jpg?h=68212cdcae0209a921ce269699fd253c)
I put this together for an art test. The requirements were to use a blank background from Thief 4 and build a new UI on top of it. I chose to include a Mission complete pop-up, Focus and Health Meter, Health Reticle, Mission compass and a weapon/item swapping system. More details on that can be found in the next image below. Here is an example of how the current UI looks like.
![](https://cdn.myportfolio.com/0267835fdf119947cf36604d08f4f0e5/63155bf9-83ae-47c9-b10d-b0f953393b7c_rw_1920.jpg?h=635b3336f49c16b70d91ea736ffc93f8)
![](https://cdn.myportfolio.com/0267835fdf119947cf36604d08f4f0e5/f61826be-667e-4926-b4b4-43cbcb796683_rw_1920.jpg?h=ce6a4259b7043c3c6ea62e004c005518)
I removed the directional pad arrows from the item windows on the bottom right and replace the button binding with keyboard friendly examples.
Video Samples of Animated UI States
![](https://cdn.myportfolio.com/0267835fdf119947cf36604d08f4f0e5/b619ad28-436c-4258-b8ba-aacdf150133a_rw_1920.jpg?h=e8b95a8efc0601fc03ae43b4d30f7f66)
![](https://cdn.myportfolio.com/0267835fdf119947cf36604d08f4f0e5/4d1b2de1-1157-4a3c-a5a0-4ab8450f0859_rw_1920.jpg?h=f141c09c1353ee900a25f503c4c61ea0)