Matt Bass

Lead UX & Product Designer

Matt Bass

Lead UX & Product Designer

Matt Bass

Lead UX & Product Designer

Riot Games MVP Internal Tooling Design System

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.

Company

Riot Games | VALORANT

ROLE

Lead Product Designer

Dashboard

Entry Point To All Features
This was a 0-1 MVP, taking feature code and creating UI and workflows to simplify building and maintenance. Users needed feature clarity, guidance, and easy access to support and documentation.

Design Progression

With Time And Manpower, A Functional Early Pass Gets Polished
When the project started, we just needed to get functional designs in place. Polish wasn't a priority until a year later when we partnered with another team on a design system, allowing us to refine our designs.

Feature Organization

Features Organized For Clarity, Scanability & Consistency
The organization we done with intent, focusing on important information being front and center. Edit/management features and help links are consistently located slightly out of the main view across features.

Power User Functionality

Guided Workflow & Power User Customization In One Interface
The workflow for new or standard users included guardrails to minimize unnecessary errors. However we didn’t want remove customization for power users, so that process was included in a manual editing section, clearly separated from the regular UI, and identifying the lack of guardrails.

User Flows

How Does Interdependent Logic Work Within Features?
Laying out the identifies functionality, when errors or validation occur, help show the users the proper messaging at the right time.

Data Updates & Approvals

Workflow Safety Guardrails With Clear Data
Use the right messaging in errors to help the user understand changes being proposed, BEFORE something goes wrong. Complete contextual information in approvals to Admins helps them make the appropriate decision.

Developer Informed MVP Design System

Enterprise SaaS design system for internal game management tools, creating a safer workflow and improving developer efficiency.

Riot Games MVP Internal Tooling Design System

Riot Games MVP Internal Tooling Design System

Company

ROLE

Dashboard

Dashboard

Entry Point To All Features
This was a 0-1 MVP, taking feature code and creating UI and workflows to simplify building and maintenance. Users needed feature clarity, guidance, and easy access to support and documentation.

Entry Point To All Features
This was a 0-1 MVP, taking feature code and creating UI and workflows to simplify building and maintenance. Users needed feature clarity, guidance, and easy access to support and documentation.

Design Progression

Design Progression

With Time And Manpower, A Functional Early Pass Gets Polished
When the project started, we just needed to get functional designs in place. Polish wasn't a priority until a year later when we partnered with another team on a design system, allowing us to refine our designs.

Feature Organization

Feature Organization

Features Organized For Clarity, Scanability & Consistency
The organization we done with intent, focusing on important information being front and center. Edit/management features and help links are consistently located slightly out of the main view across features.

Power User Functionality

Power User Functionality

User Flows

User Flows

How Does Interdependent Logic Work Within Features?
Laying out the identifies functionality, when errors or validation occur, help show the users the proper messaging at the right time.

How Does Interdependent Logic Work Within Features?
Laying out the identifies functionality, when errors or validation occur, help show the users the proper messaging at the right time.

Data Updates & Approvals

Data Updates & Approvals

Workflow Safety Guardrails With Clear Data
Use the right messaging in errors to help the user understand changes being proposed, BEFORE something goes wrong. Complete contextual information in approvals to Admins helps them make the appropriate decision.

Next

Developer Informed MVP Design System

matt@mattbass.design

Riot Games MVP Internal Tooling Design System

Riot Games MVP Internal Tooling Design System

Company

ROLE

Dashboard

Dashboard

Entry Point To All FeaturesThis was a 0-1 MVP, taking feature code and creating UI and workflows to simplify building and maintenance. Users needed feature clarity, guidance, and easy access to support and documentation.

Entry Point To All FeaturesThis was a 0-1 MVP, taking feature code and creating UI and workflows to simplify building and maintenance. Users needed feature clarity, guidance, and easy access to support and documentation.

Design Progression

Design Progression

With Time And Manpower, A Functional Early Pass Gets PolishedWhen the project started, we just needed to get functional designs in place. Polish wasn't a priority until a year later when we partnered with another team on a design system, allowing us to refine our designs.

Feature Organization

Feature Organization

Features Organized For Clarity, Scanability & ConsistencyThe organization we done with intent, focusing on important information being front and center. Edit/management features and help links are consistently located slightly out of the main view across features.

Power User Functionality

Power User Functionality

User Flows

User Flows

How Does Interdependent Logic Work Within Features?Laying out the identifies functionality, when errors or validation occur, help show the users the proper messaging at the right time.

How Does Interdependent Logic Work Within Features?Laying out the identifies functionality, when errors or validation occur, help show the users the proper messaging at the right time.

Data Updates & Approvals

Data Updates & Approvals

Workflow Safety Guardrails With Clear DataUse the right messaging in errors to help the user understand changes being proposed, BEFORE something goes wrong. Complete contextual information in approvals to Admins helps them make the appropriate decision.

Next

Developer Informed MVP Design System

Entry Point To All Features
This was a 0-1 MVP, taking feature code and creating UI and workflows to simplify building and maintenance. Users needed feature clarity, guidance, and easy access to support and documentation.

Entry Point To All Features
This was a 0-1 MVP, taking feature code and creating UI and workflows to simplify building and maintenance. Users needed feature clarity, guidance, and easy access to support and documentation.

With Time And Manpower, A Functional Early Pass Gets Polished
When the project started, we just needed to get functional designs in place. Polish wasn't a priority until a year later when we partnered with another team on a design system, allowing us to refine our designs.

Features Organized For Clarity, Scanability & Consistency
The organization we done with intent, focusing on important information being front and center. Edit/management features and help links are consistently located slightly out of the main view across features.

How Does Interdependent Logic Work Within Features?
Laying out the identifies functionality, when errors or validation occur, help show the users the proper messaging at the right time.

How Does Interdependent Logic Work Within Features?
Laying out the identifies functionality, when errors or validation occur, help show the users the proper messaging at the right time.

Workflow Safety Guardrails With Clear Data
Use the right messaging in errors to help the user understand changes being proposed, BEFORE something goes wrong. Complete contextual information in approvals to Admins helps them make the appropriate decision.