top of page
Tourneys Logo_2x.png

As the sole Product Designer on the project, I played a crucial role in conducting research, gathering insights from Rocket League players, and designing the user experience and interface for the Rocket League Esports mobile app. My expertise in UX design helped to ensure a seamless and intuitive experience for the app users, while also meeting the needs and wants of the Rocket League community.

Tourneys iPhone 13 Pro 1.png
Introduction

The support for Esports has grown rapidly in recent years, with countries like China, Turkey, and the Philippines recognizing and licensing esports players as professional athletes. With the rise of streaming services like Twitch and YouTube Gaming, the viewership of esports is at an all-time high and is expected to continue growing. Rocket League, a popular esports game, has formed its tournament series with live commentary called the Rocket League Championship Series (RLCS). Keeping up with these tournaments can be difficult, as there are many international and collegiate tournaments held seasonally.

Introduction
project goals

The goal of this project was to create a user-friendly mobile app to help Rocket League fans stay up to date with their favorite teams in the Rocket League Championship Series tournaments. The team aimed to research what Rocket League fans want in an esports tournament app and what features should be included to help fans and esports teams stay connected.

Project Goals
Tourney iPhone 2.png
research methodology

To achieve this goal, the following research methods were used:

  • Recruitment: Rocket League fans were recruited through Rocket League Discords, an instant messaging and social app for gamers. Screening questions were used to determine if a person plays/watches Rocket League and keeps up to date with the RLCS.

  • Qualitative survey: Successful candidates participated in a qualitative survey about what they would want from a Rocket League tournament app.

  • Interviewing: A set of questions was used to interview Rocket League fans about their interests, behaviors, and preferences related to Rocket League esports.

research methodology
key findings
Key Findings

Based on the research, the following key findings were noted:

  • Rocket League players have interests in both keeping up with the esport and seeing a team’s/player’s stats throughout a tournament.

  • Rocket League players use various methods outside of the official Psyonix platform to stay informed about Rocket League Esports, including Discords, YouTube streamers, RL esport team social media, Twitch, and "Pedia" sites like Liquidpedia.

  • Some Rocket League players watch RL Esports to improve their own skills in the game.

  • Rocket League players showed interest in having an app that provides notifications and updates on their favorite teams and tournaments.

conclusion

The findings of this research provided valuable insights into the needs and preferences of Rocket League fans when it comes to staying up to date with Rocket League Championship Series tournaments. These insights informed the design of a user-friendly mobile app that meets the needs of Rocket League fans and improves their experience of following their favorite teams and tournaments.

Conclusion
The process
the process
Affinity Diagram.png

Affinity diagraming of research data I gathered from participants.

Rocket League Esports App - Interview No

My interview notes from my 30 participants

Rocket League Esports App - Interview Sy

Synthesizing my results from the interviews.

Rocket League Esports App - Feature Idea

Feature ideations from synthesizing the data.

Rocket League Esports App - Feature Prio

Organized features by prioritizing against the value to the user and its complexity to design and build.

Rocket League Esports App - Usability St

Designing the user journey.

wireframming paper 1.png
wireframming paper 2.png

Wireframe sketches of possible features for the Tourney app

Digital 1.png
Digital 2.png
Digital 3.png
Digital 4.png
Digital 5.png
Digital 6.png

Figma wireframes for the MVP design of the Tourneys app

Figma prototype of wireframes used in testing the app's functionality and user journey with research participants

Screenshot 2023-05-30 at 6.32.07 PM Background Removed 3.png

Login page

Screenshot 2023-05-30 at 6.32.14 PM Background Removed.png

Sign up page

Screenshot 2023-05-30 at 6.32.31 PM Background Removed.png

Home page - Hero section

Screenshot 2023-05-30 at 6.32.55 PM Background Removed.png

Home page -

Upcoming events section

Screenshot 2023-05-30 at 6.33.01 PM Background Removed.png

Home page -

Previous events section

Screenshot 2023-05-30 at 6.33.06 PM Background Removed.png

Home page -

Lastest News section

Screenshot 2023-05-30 at 6.33.27 PM Background Removed.png

Event Search page

Screenshot 2023-05-30 at 6.32.45 PM Background Removed.png

Tournament View page

Prototype

Final prototype of the MVP design for the Tourney app

bottom of page