ESPORTS GAMING LEAGUE NEW WEBSITE

Esports Gaming League which is part of EEG had outsourced the website redesign prior to being acquired by EEG, they wanted to bring the project back in-house instead and that’s where the team came in to continue the redesign.

The majority of users are already using the site, but we wanted to attract more players as well as entice former players back with a new website that’s more geared towards the Esports look.

MAIN OBJECTIVES

The main objective for a redesign is to bring the EGL frontend user interface up to the modern-day application standard. Ultimately, EGL wants a better website to attract new and former users who would benefit from the effortless use of the website to compete regularly in tournaments.

Main areas that need redesign/improvements:

1. Improve and “modernise” the current look, whilst still keeping our core themes/styles.

2. Provide a friendlier and easier-to-use environment for players & teams.
(Rounded buttons/boxes softer and less in-your-face typography etc).

3. Improve user flows, and make competing on our tournament platform as simple as possible.

4. Primary focus on the tournament side of the website, participation/matches/results etc. That is what people are there for.

5. Keep feature parity with the current website. Adding to it when/where possible, but keeping in consideration the time/focus required to build new features.

The problem with picking up an existing project is that we had to figure out the way the agency worked and how they set up the system on Figma, we found that their way was messy if we want to add more elements.

COMPARISON

A quick comparison of the Tournament Overview page left is the previous design and the right is new design. The new design clearly shows the sections, lists the prizes and other important information as well as the live information. The overall look is cleaner and more accessible for the users to see what they need to see immediately.

WEBSITE OVERVIEW

Some screenshots of the main pages that we designed on Figma namely Games pages, Tournament pages, Team Finder pages, Ranking and User pages