Privacy Policy Cookie Policy

Improvements & Cost Reduction Via UX

When legacy systems become overly expensive to maintain and complicate creating best in class user features, deep research and insights can help provide a scalable path forward.

Company

Riot Games - Player Experience

Role

Senior UX Designer

Valorant Invite Page
Valorant Invite Page

Improvements & Cost Reduction Through UX

When legacy systems become overly expensive to maintain and complicate creating best in class user features, deep research and insights can help provide a scalable path forward.

Company

Riot Games - Player Experience

Company

Riot Games - Player Experience

Role

Sr UX Designer

Role

Sr UX Designer

Problem Statement

Problem Statement

Problem Statement

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.


  • While leading multiple projects, I ran into issues requiring a pivot to a less than ideal outcome.

  • 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 reduces costs and unlock new feature capabilities.

Scope vs Value

Scope vs Value

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

Solutions via Research

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

I also crafted a survey for our players to understand their goals and expectations. Alongside one of our researchers, the questions were refined, sent out, then results were analyzed.


The data was fairly clear and provided data points to make decisions.

Mobile Usability

Mobile Usability

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 reflected the current vertical build and would need to be overhauled to reflect the changes to organization.

  • Some UI shifted around when the menu state changed, which could create user confusion

Back To The Research - TLDR

As part of the market research covered in the prior section, I broke down how everything worked in each competitor to assess potential options, discuss, and move forward with what worked for us.

Testing & Iterating Toward Solutions

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


  • In tandem with the new IA there would need to be a better way to scale how to identify sections from how they are shown in the current version.

  • Small changes like creating more clarity around the current and newly selected section would help the user better identify where they are and where they're going.

  • Making the dropdown modal work properly vs the current experience, was another simple fix that wouldn't bloat the scope.

Final Outcomes

Final Outcomes

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.