Agent select UI Redesign

Posted by Steve

Tuesday, June 29, 2021 2:55 AM

Agent select UI Redesign

A for fun side project I made since I have some gripes with the current UI. I feel like the UI doesn't tie well with the overall aesthetic of the game, and the brand itself. Promo and character art feels polished and modern, while UI kind of feels bland and put together in a hurry.

The ideas was to make something streamlined and user friendly with all the necessary information presented in a convenient manner. I wanted to better utilize character cards, and the artwork which really shines on it's own. Current agent select has animated characters which is cool, but done better by some other titles. Here it feels janky and unpolished, sometimes the characters take some time to load while the animation plays out and it feels laggy and weird. The fact that the background doesn't change with the map you're playing on is misleading. There's a lot of empty space on the right side of the screen which could've been utilized better. Character info can be hard to read since it often clashes with the background. I tried splitting characters into classes to make them more organized. Although there's not much of a contrast between the background and the elements it should be enough to keep the user focused on what matters.

Shoutout to Joey Eckert and Travis Howell for inspiration. Would love to hear some feedback.

References

  • https://www.reddit.com/r/VALORANT/comments/o9ief5/agent_select_ui_redesign/
  • https://reddit.com/o9ief5

More Like This