Goals / Objectives
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.
Research & References
I looked up a lot of different screens for The Division 2, as well as screens of different Star Wars games, such as Battlefront 2 and Jedi: Fallen Order.
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.
During this challenge, I noticed that while I seemingly managed to replicate the The Division 2 style to some degree, I wanted to explore into a different direction – something different and slightly inspired by Jedi: Fallen Order (one of the games I referenced in my preliminary research).
I kept the layout identical to the first version, but styled all the elements different.
Feel free to use the slider to compare version 1 and 2!
While I had a lot of fun during this challenge and learnt a lot, I found that good game UIs just need more time in order to evolve into what they end up being.
I also learned that Star Wars is not necessarily a thing to reference, but rather a vibe/feeling that can come from an experience – a lot of recent video games of this franchise have taken drastically different approaches in their user interfaces but they all shared the unique Star Wars identity.
Finally, I would definitely be interested, to explore this universe more and give it a unique touch while still staying true to the franchise!