MVP Enterprise Developer Portal

Portal new product

Design oversight on 0-1 enterprise portal for game tooling at Riot Games, working closely with cross-functional teams to define, iterate, and simplify complex workflows.

The goal was to help Riot scale from single to multi-game operations, improving cost efficiency and system knowledge for users across Riot's game portfolio.

#1

Improve Process

#2

Reduce Overhead

#3

Create Scalability

Company + Project Intro

riot red logo

Company TLDR

About Riot

Riot Games was founded in 2006 to develop, publish, and support the most player-focused games in the world. Starting with League Of Legends, it has scaled to one of the largest global game brands in the industry.

Riot Offices
riot red logo

Company TLDR

About Riot

Riot Games was founded in 2006 to develop, publish, and support the most player-focused games in the world. Starting with League Of Legends, it has scaled to one of the largest global game brands in the industry.

Riot Offices
riot red logo

Company TLDR

About Riot

Riot Games was founded in 2006 to develop, publish, and support the most player-focused games in the world. Starting with League Of Legends, it has scaled to one of the largest global game brands in the industry.

Riot Offices

Project Overview

Background

For over a decade Riot was a single game startup operating in silo's. As the studio expanded their product offerings, that silo'd building continued, but became increasingly challenging and expensive to support and maintain. The successful launch of this developer portal was a key success metric for the company, allowing the company to more effectively grow, by improving costs and efficiency.

Challenge

Create a unified portal that could serve multiple use case and teams across the globe, while reducing complexity and onboarding time for new teams.

Context + Goals

Starting Point

The challenge was essentially being a startup on live, legacy systems. Existing workflows executed differently from one team to the next, without consistently defined best practices, and often lacked historical clarity how everything was cobbled together the years.

Our team needed to learn together, with the following informing our goals.

Define

  • Scalable IA, allowing the system to grow efficiently with future features.

  • Improve self service knowledge gathering for users

  • Best practices while allowing teams to customize to suit their needs.

  • Patterns within the same interface for new and power users.

  • How future features can also account for less technical users when appropriate.

Improve

  • Workflow safety

  • Knowledge gathering

  • Information clarity

  • Task focus

Reduce

  • Unnecessary and avoidable human errors

  • Reduce build and onboarding time

  • Costs associated with maintaining and supporting complex, bifurcated systems

  • Information overload

We were defining the system as a team of SME's, integral to Riot's ability to improve growth via reduced cost and system sustainability.

Process & Solutions

Research & Gather Knowledge

The Process

To create for an audience you need to make sure you are solving the right problems for them. Identify where the problem solving value is for those users, and improve their workflow.

We were both learning and creating from the ground up, understanding and defining best practices - together - around to how features could, and should be used across products. We were a small team that needed to be nimble, and creating alignment helped maintain our velocity and scale appropriately.

How did we deal with solutions on live services...

Delivered Work

New Product Dashboard
Dashboard
New Product Dashboard
Dashboard
New Product Dashboard
Dashboard

Defining Best practices

Users were guided through the workflow starting at login. Errors and missing access provided the ability to easily return back a step, request access or contact support to gather more information. Helpful content with FAQ as well as links to our documentation site was easily accessible, so users could self learn features as needed.

How were best practices were defined, and arrived at

Delivered Work

404 Page
Login Page
No Access State
Error Modal
404 Page
Login Page
No Access State
Error Modal
404 Page
Login Page
No Access State
Error Modal

Iterate + Improve

Information was presented in a way so the primary information was front and center, with additional steps able to be dug into should the user want to look into additional options.

How did we build a plane while flying it?

Delivered Work

SDK Download
Role Management
SDK Download
Role Management
SDK Download
Role Management

Outcomes + Learnings

From baseline knowledge, to launch and beyond

Did our MVP succeed?

YES! We delivered a baseline system with scalable features allowing us to grow our platform offerings, and improve the experience of managing content.

Bumps along the way

  • Alignment, allocation of work, and communication.

  • We had one FE developer, then several, and we were reverse engineering the logic of live data without previous documentation clarity.

What if we had more time?

The ability to bring teams into the process as we were developing, to create something even more informed by testing.

Post Launch

Working with our PM, I organized and refined next step research, working with users/partner teams to further improve the product through surveys and conversations, while walking users through how to use the features as an SME.