AggroXD Proper – Case Study

PROJECT DESCRIPTION

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

Tools

  • Sketch
  • InVision
  • Photoshop
  • Zeplin

Role

  • Research
  • UX/UI Design
  • Product Design
  • Information Architecture

Timeline

  • 2 months

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.

 

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.

 

 

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.

 

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

 

UI Solutions

With the structure and components defined, I proceeded to the UI. Below are some of the mockups I created.

Got a project in mind?

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

Contact me