THE CHALLENGE

An eSports web app that brings social networking, streaming, and merchandising into one platform.

Tools

Sketch
InVision
Photoshop
Illustrator

Role

User Research
Ideation
User Testing
UX/UI Design
Product Design

Timeline

September 2018 - April 2019

Interested?

Get in touch

Project Overview

I worked with the AggroXD team to take their existing UI and redesign it from scratch following a new set of branding and identity.

Problem

The eSports industry is massive, with over 380M in viewership and expected to surpass $1 billion over the next two years. Currently, streamers are constrained to broadcasting and engaging with viewers on a single platform and are required to utilize several 3rd-party platforms in order to sell merchandise, network, and stream.

Process Overview

This project all started in the form of research. From there, it went into prototyping and design. The process, in a nutshell, is summarized below.

1. Research
& Discovery

2. Sketching
& Wireframing

13. Design Iteration

4. Iterative
Refinement

Old & Existing UI

The old UI design felt dated, clunky, and overall wasn’t very delightful. It was crowded and didn’t follow any sort of system. Below are a few screens what it looked like.

Understanding the Industry

$1.5B

Market Industry

600M

Viewers by 2020

51min

Average daily time

Defining the Navigational Structure

I defined an overview of the site’s navigation. This was meant to be high-level; its purpose was to quickly get an idea of how the platform would be structured.