Web Analytics
AggroXD – Case Study AggroXD - Case Study - Brendan Ho
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?

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

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.

$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.

Sketches & Wireframes

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.

UI Components

The client already had defined a color scheme and branding style, and so I utilized it to build out UI components and elements.

Final UI Solutions

Below are various UI mockups created.

Reflection

Coming soon…

Got a project in mind?

I’m currently available for one-off projects or remote positions.

Contact me