Combination of Styles
Goal of this case study was to combine the UI/UX of The Division 2 with modern Star Wars video game aesthetics (with a sprinkle of my own idea of what a Star Wars game in this style could be like in regards to features, etc.)
I wanted this case study to theoretically be capable of being implemented into a video game. What I mean by this is that its navigation should be logical and possible with a gamepad.
Look the Part
This case study was supposed to look legit – look like an interface that a AAA production would ship with, and like something that would fit nicely into the Star Wars universe.
This is my grey-box of the screen as I wanted to build it. I took heavy inspiration from The Division 2 (which was my goal, somewhat) and tried to already include some of the gameplay features that I envisioned for this mash-up.
This is what I ended up with after fleshing out my greybox a bit more and building out the style of my design, with nicer UI elements and proper item graphics.
After looking back at my design and talking with a UI Designer friend of mine, I got some feedback and made a list of improvements for this design.
My main points were clarity and sizing/spacing, so I changed some fonts (titles vs body/content fonts), increased font sizes, adding spacing between elements, and most importantly changed the transparency/shading of different elements in order to show which buttons are currently hovered/focused, and which are not.