Riot Account Management 2.0

Legacy systems can become overly expensive to maintain and complicate creating new, best in class user features. To bring align the needs of Riot's players and business goals, I used deep research and insights for a scalable path forward for a format simultaneously improving the user experience and operation costs.

———

Problem Statement

What are the challenges with the current system?

What are the challenges with the current system?

Account Management features were built vertically, a single page with every service being called whenever a user visited that page. This was due to lots of legacy code and became increasingly cumbersome.

The vertical structure was inefficient, expensive, and a headache for our engineers. Features lacked any organization reflecting user goals. The experience on mobile devices were odd and had usability issues. Without addressing the core problem (overall architecture) we'd repeat the same frustrating cycle.

Redesigning the entire structure NOW, was a path to creating a net positive for both user goals and the business bottom line. It would reduce costs and unlock new feature capabilities.

Account Management features were built vertically, a single page with every service being called whenever a user visited that page. This was due to lots of legacy code and became increasingly cumbersome.

The vertical structure was inefficient, expensive, and a headache for our engineers. Features lacked any organization reflecting user goals. The experience on mobile devices were odd and had usability issues. Without addressing the core problem (overall architecture) we'd repeat the same frustrating cycle.

Redesigning the entire structure NOW, was a path to creating a net positive for both user goals and the business bottom line. It would reduce costs and unlock new feature capabilities.

Navigation Usability

  • When menu is open, feels weird to remain open and allow user to scroll the content behind it. Moving the close button to the bottom feels unexpected and awkward. 

  • Can move header icons next to the text, which would align with desktop experience and open up potential of adding dropdowns if needed in the future.

Navigation Usability

  • When menu is open, feels weird to remain open and allow user to scroll the content behind it. Moving the close button to the bottom feels unexpected and awkward. 

  • Can move header icons next to the text, which would align with desktop experience and open up potential of adding dropdowns if needed in the future.

———

Scope vs Value

How to get the most value now, and what needs to be delayed?

This was a complicated project which required lots of organization and understanding what I could do without breaking live features or bloating scope.

Focusing on structural changes to improve scalability was a result of stakeholder alignment.

  • I mapped out functionality to understand how everything worked, where the challenges would come from, and how far things could be pushed now.

  • Through conversations I was able to drive additional regional alignment, bringing one unique stakeholder into the conversation, to reduce future engineering and design debt.

  • Weighing value-to-friction, a big UI overhaul was deemed out of scope for initial work.

———

Solutions Via Research

A redesign to reflect market expectations and our users.

Market Research

To get a broad but targeted understanding that covered enough expectations, I did a full breakdown of specific competition to properly craft solutions for OUR users.

  • Google

  • XBox/Microsoft

  • Playstation

  • Discord

  • Battlenet

User Research

Alongside a researcher, also crafted a survey for our players to understand their goals and expectations.

The data was sent out and analyzed, with results fairly clear and provided data points to make decisions. 

———

Mobile Usability

What isn't working, and what needs improving?

Looking at the current experience a few things were clear, and outlining those allowed targeted fixes.

Menu dropdown caused usability issues. The design would need to be overhauled to reflect the IA changes. UI shifting when the menu states change, created user confusion.

Testing Improvements

Several versions were tested, with small changes between them, particularly since certain versions (aka tab dividers like Google) weren't viable options.

———

Final Outcomes

What was the result?

There were incredible challenges to fully complete this project due to roadmap considerations, and the considerable engineering effort and cross team alignment required to deconstruct then rebuild the entire system. So any metrics currently lie in the data that drove the decisions.

Having already launched the internal developer system MVP focused on creating wide system scalability, I had unique insights into the value of tackling this redesign. 

It's clear that once released this will be a mutually beneficial outcome to both player experiences and the company bottom line. Not only with usability and reduced API costs, but handling those will unlock the companies abilities to more efficiently build experiences that increase player value. 

It also highlights the longer companies put off making their systems efficient and scalable, the more challenging and expensive that work becomes.

matt@mattbass.design

Looking for a cohesive, end-to-end experience that resonates? Let's Chat!

© 2026 Matt Bass - Native Angelino - born & raised

matt@mattbass.design

Looking for a cohesive, end-to-end experience that resonates? Let's Chat!

© 2026 Matt Bass - Native Angelino - born & raised

matt@mattbass.design

Looking for a cohesive, end-to-end experience that resonates? Let's Chat!

© 2026 Matt Bass - Native Angelino - born & raised