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

#1

Improve Process

#2

Reduce Overhead

#3

Create Scalability

Company + Project Intro

riot red logo

Company TLDR

About Riot

Multi game, player focused studio founded in 2006. 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

Multi game, player focused studio founded in 2006. 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

Key Responsibilities + Outcomes

We were essentially a startup on live, legacy systems lacking consistency across teams, best practices, or historical clarity.

I needed to learn alongside the team, becoming an SME tasked with defining and implementing the below goals and outcomes, allowing the company to improve growth and cost effeciency.

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.

  • Account for less technical users where appropriate.

Improve

  • Workflow safety

  • Knowledge gathering

  • Information clarity

  • Task focus

Reduce

  • Unnecessary and avoidable human errors

  • Reduce build and onboarding time

  • Costs from supporting complex, bifurcated systems

  • Information overload

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 Login

Guided Experience On Dashboard For New Users

Product Home

Broad Helpful Information & Segmented Access To Features

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

Error Page

Guide To Safety Even With Generic Error

Landing Page

Branded Login Page

Confirmation Modal

Using The System To Deliver Error Information To Team

Access Denied

IAM Feature Control With Easy Access Request

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

File Downloads

Clarity Around Downloading Content

File Downloads

Clarity Around Downloading Content

Feature Access Table

Simple & Robust Team Management

Feature Access Table

Simple & Robust Team 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 included challenges around alignment, allocation of engineering work, and communication. We had one FE developer and 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.