We did an online survey using Google Forms to get a better understanding of the industry and common frustrations

We started out exploring competitors that offer similar services to find out what users liked/disliked, and what they wished was available. I conducted a survey, grouped & sorted the data, and prioritized tasks that would be the most impactful

I took all of our responses to our survey, and created sticky notes in Miro so we could get a better visual and start learning from our data

We put our data into a feature prioritization matrix, and started working out what was most important. This helped us see what was missing, and what would help users the most

After gathering quantitative results from our survey, we interviewed a mixed bag of gamers, some former and current Esports players. They provided further insights about their opinions on Esports and on competetive gaming

Our user persona focuses on a young gamer that is looking to get his name out there in the gaming community. He is an 18 year old with a lot of excitment about joining local tournaments. He doesn't have very much experience with the local gaming community, and is unsure of where to start

Tyler wants to register for a local Super Smash Brothers tournament. He would prefer a tournament with a prize pool and wonders if there are any available this month

After gathering our research and learning more about our users, we then put together and journey map of a typical users experience from the moment they come to our website, to when they register for a tournament. This was a great way to walk in the users shoes and empathize with thier emotional states during their journey

Tyler initially is very excited to see the local tournaments and to sign up, he begins by searching online, but starts to feel overwhelmed. He then finds MegaBattles, searches for local Super Smash Brothers tournaments, and is easily able to just what he's looking for. Tyler finishes his experience on the website feeling releived, but knows he needs to go practice!

The user flow focuses on the key feature of the website, and what we found was lacking in others, registering for a tournament

Before we went into high-fidelity, we wanted to test our app with our users to make sure the flow and design made sense. Our tests found that navigating throughout the app was pretty straightforward, so we focused our user testing on refining the tournament cards, this included the design of the cards, placement of buttons, and what information was most important to keep included on the cards.

We also focued on refining our nav and drop-down menus. We wanted to further simplfy the process of finding games and tournaments. The Leaderboards section was added to give gamers more reasons to use our services and compete

high-fidelity designs showing our homepage, current tournaments page, and the light/dark mode along with the mobile version of the app

I also built out this design in code, and hosted it online. While programming this website I kept Responsive Web Design in mind, so it's accessible on mobile, tablet, and desktop

I wanted to keep the user base in mind when it came to decided our color theme. Because the majority of gamers use dark theme on everything, I decided to keep that as the default, but still have vibrant colors that pop to evoke feelings of energy and excitement when hosting/joining a tournament

Add a larger selection of games, more filters, and ways to set up prize pools

Include a ranking system with the leaderboard

Create your own tournaments and invite friends for free

Premium features for paying members, such as unlimted tournament creation, hosting, prize pools etc

There is a large market for this type of website, and a lot of potential to create an 'all in one' tournament website so users don't feel frustrated

This project was really fun to work on, I had a lot of creative freedom and it was so much fun creating a new product instead of doing a redesign. I lead the way in designing the UI, and writing the code for the website