Meet Your Maker UI

The following are all unapproved explorations that do not represent the final designs. This is in order to protect Meet Your Maker’s NDA. I choose to show these iterations because it shows the process that I take to work through different designs.

The mandate on this project is to be a blend of new Sci-Fi mixed with old, grungy vibes. We take inspiration from Returnal and Alien Isolation and use a limited colour palette. The colour palette has proved to be one of the most difficult (and most fun!) constraints so far for UI in terms of how we work with Visual Hierarchy, Accessibility, and Readability. It’s been so much fun to work with these challenges!

Builder Options Menu Explorations

The section above is for one of the major screens with some really complex design behind it! I wanted to work on the visual hierarchy of the page with our limited colour palette! I made a channel pack shader in Unreal to work with the icons you see above so that the colours will invert using Blueprint depending on the select, on hover, or default states.

Raider HUD

The Raider HUD is one of the first aspects that I had the pleasure of working on! With the wonderful programmers, I was able to integrate the danger indicators (the red bars) in UMG. This was really fun to work on because the design required something that would act as just a momentary glitch for the player; a “spider sense”. Implementing the bars and having them scale and size to fit all screens was QUITE the challenge, but I learned so much doing this process! At the same time, working on the weapons and the cooldown on weapons was really exciting as well! I proposed the “invert colours” effect as part of our UI and with the help of the wonderful tech artist, Adrienne Pugh, we were able to use a shader to make this possible!

3D Asset Treatment Exploration

Above you can see a fun exploration of how we would stylize our 3D assets to fit the rest of our UI design!

Animated Card Explorations

If you scroll through above, you can see my proposed animation mockups for our card design! This was just to provide quick guidelines and ideas, but it was really fun to explore how we could bring the card animations to life.

Reward PopUp Explorations

As part of the popups that I designed, I created a reward pop up that works for multiple reward types. The widgets are interchangeable in Blueprint so that the visuals update for the player. The dot background and scanlines you see behind the number and icon are all animated shaders.