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 :)

.say hello

Let's collaborate on jaw-dropping projects together, shall we?

.say hello

Let's collaborate on jaw-dropping projects together, shall we?

.say hello

Let's collaborate on jaw-dropping projects together, shall we?

.say hello

Let's collaborate on jaw-dropping projects together, shall we?

.say hello

Let's collaborate on jaw-dropping projects together, shall we?