cover-img

Riot Games Client Launcher (Concept Design)

Creating a mock game client for one of my favorite companies

29 October, 2020

6

6

1

About

Riot Games is one of the biggest gaming companies with a total of 27 million active players. They created one of the world's most popular game, "League of Legends." Recently they just released "Valorant" a first person competitive shooter.

Goal

The goal of this design is to make it easier users to easily access games, watch Esport tournaments, read news, and get support from Riot. To accomplish this, I will be designing a game client that will allow users to do all that.

Challenges

The biggest challenge was to create a design that has a good balance of user needs and promotion of upcoming events/ products. The client shouldn't be pushing ads and disrupting users from launching to their favorite games immediately.
img

Low Fidelity

img

Game bar

This was the more important part of the design. Gamers should be able to access any game they want to play from any page that they are currently on. To do so, I created a static bar on the right of the screen that shows the games that the user has downloaded. Upon clicking on the game icon, it brings the users to the game page. From there, they can press play or view updates for the game.

Esports Tab

League of Legends and Valorant both have big tournaments. Currently, there is no way to watch the games from the current game launchers. Users would have to log onto Riots website, or visit Twitch. Adding the Esports tab into the client, helps provide users information and updates about the current tournaments. This helps bring more views for the tournaments, and help users stay in touch with events.

News Tab

Riot Games website has a beautiful page about News in the community. However, many users do not know that because many of them don't visit the website. News can range from game updates, community events, and more. I implemented this in the design, so that news articles can gain more views.

showwcase

ux/ui design

ux case study

video games

6

6

1

showwcase

ux/ui design

ux case study

video games

Jordan Jimenez
Product Designer | UX/UI Designer | Creator

More Articles

Showwcase is a professional tech network with over 0 users from over 150 countries. We assist tech professionals in showcasing their unique skills through dedicated profiles and connect them with top global companies for career opportunities.

© Copyright 2024. Showcase Creators Inc. All rights reserved.