Digital Extremes
UI/UX
00
OVERVIEW
Warframe is a free-to-play action role-playing third-person shooter multiplayer online game developed and published by Digital Extremes.
ROLE
Product Designer (Web)
COLLABORATORS
DE Web Team
DURATION
Jan - Apr 2024
TOOLS
Figma, Adobe Photoshop, Adobe Illustrator, Adobe After Effects
Space Ninjas :)
As the web design co-op at Digital Extremes, I worked on enhancing Warframe experiences for the web. Here's some of the (NDA compliant) work that I've done!
Template Documentation Rework
Warframe has a few pages that are fully templatized. Although these were mostly just asset swaps, figuring out how to use the template was quite confusing for me and I had to ask a lot for clarification. Because of this experience, I decided to rework the template system to make things easier and more convenient to use. I reorganized everything in one Figma file, and made everything fully customizable and responsive by using components and local variables.
I added variables to make testing and changing color combinations more convenient. Along with this, I implemented contrast checker widgets to ensure that the contrast between the button colors and the text meet WCAG standards.
Starter Weapon Pack
Reworked keyart to ensure good layouts for multiple breakpoints and screen sizes.
DE is the best :)
see also