The UX, UI, Engineering, and QA teams at VALORANT recently shared some upcoming visual changes that will start rolling out in Patch 5.08. These updates are focused on the out-of-game experience (outside of gameplay) and will bring a fresh sense of style while improving functionality in some areas. These are the comments from the VALORANT team:
The team isn’t updating for the sake of it. We are preparing for the future of VALORANT, including new features we can’t wait to talk about when the time is right. For now, we are excited to iterate towards a premium UX/UI front-end experience that reflects the overall direction the game is heading. This includes reevaluating our UX/UI standards, assessing art fidelity, and introducing motion design to boost game flow and expression. Additionally, this revamp will better prepare us for a more consistent look and functionality as we work towards future platform experiences.
To kick things off, we created a special task force team to guide these efforts. This group’s goal was to identify how to converge efforts across UX, UI, Engineering, and QA to plus-up our game client and allow future scalability more easily. Some areas/tasks they tackled included:
- Auditing areas of opportunity in core game flow screens
- Defining where we can build consistency in design choices
- Building game engine enhancements
- Determined the backbone of our client and explored compatible multi-platform navigation options
- Broad style explorations at a high level to test our key assumptions
- Leveling up how we present VALORANT style and aesthetic in-game
You’ve likely already noticed the start of this work in Patch 5.03. The Agent Browser UI was the first release of this greater effort. The team replaced our Agents’ textures with their 2D key art illustrations and updated the color schemes behind them to better convey their iconic and expressive personalities. This is just the start! We already have greater ambitions for this screen, along with
A SNEAK PEEK
With the goal of bringing together visually rich, vibrant, and fresh interfaces to unify our game and marketing visual identities, the first update we want to share is our new MVP screen.
“We want you to understand the importance of the team aspect of VALORANT. This new, bold team shot helps to show off your team’s MVP and your team composition while reinforcing the emotional narrative coming out of your most recent game—win or lose. We also hope this helps you appreciate the beauty of our Agent visuals with a focus on continuity into the end-of-game screens.” —Tea Chang, UX Design Manager
You’ll also start to see a new lobby, pre-match loading screen, and End of Game screens with designs meant to improve legibility.
“We wanted to remove a lot of visual clutter and improve the overall readability of the Lobby Screen. We had a lot of decorative elements that were pretty but didn’t really serve a purpose. In order to emphasize the Playercard and its representation. And to give you a clear ‘call to action,’ we increased the screen’s contrast, pushed color values, and simplified our shape language.” —Oliver Zumstein, Visual Design Manager
“We want the faceoff screen to be all about the two teams about to duke it out. We removed the map so your banners could take up the screen, better showing off your identity through your chosen Player Cards, Titles, and Rank badges. We punched up both side’s colors, mirrored banner layouts for symmetry, and added ‘VS’ text to emphasize the head-to-head feeling.” —Max Smiley, Staff Engineer
ON THE HORIZON
Like we said at the start, expect more updates and iterations that bring motion design and overarching visual polish throughout the game. Multiple VALORANT teams are in the process of redefining the user experience and visual fidelity of many features. Any and all new features hoping to ship this year will be developed under the new visual direction with room for additional enhancement.