Fantasy eSports is an online game where people assemble their favorite pro players to create an imaginary team. Based on how each pro players perform in the real life, they earn points to compete with each other. In this project, we designed and built a mobile fantasy esports app.
* I cannot share all of the details yet since this project is still ongoing. However, you can keep reading if you are interested in my design process and how I worked as the only designer in the team.
what is esports anyways?
For those who aren’t familiar with eSports, they are professional-level competitive video games. Some of the most notable games are League of Legends, DOTA 2, Overwatch. Every year, there are many eSports events where teams from different countries compete. The experience is similar to any sports you can think of. You have favorite teams and players. You can own merchandise. You can watch your favorite teams or players playing against other teams on screens or in person at a stadium.
The project team consisted of 3 people, a stakeholder, a developer, and a product designer. My role was a product designer. You can see each of our role below.
As a product designer, my role was not only consider user needs and wants but also the business model.
First thing we did was to get together and define the project. Mainly, we defined 1) Why we are doing it? 2) Who are we making it for? 3) How we evaluate success? (KPI) This was an important step to kick-off the project because without the mutual understanding of these questions, we won’t be able to work towards the same direction.
After gaining clarity and mutual understanding of the project as a team, I gathered both user requirements and business requirements. Specifically, I analyzed existing competitor products, investigated the user base, defined key business constraints, and how we will make profits.
Once user requirements and business requirements have been gathered, the project team got together again to discuss findings with the aim to satisfy as many business and user requirements as possible. The goal of this meeting was to align everyone’s expectation, which was the key in this process.
I believe design works best in a team environment but, in reality, I rarely get to collaborate with other designers due to the nature of my company. Because of this situation, I felt it was necessary for other team members to join me at various points in the process. Ideation was one of them. It was a great opportunity for everyone to get their ideas across and listen to feedback right away.
Prototyping is all about creating tangible outputs and testing them. We created high fidelity prototypes instead of low fidelity prototypes to mimic the final user interface. This way, we could receive quality feedback from usability testing.
To create the prototype, I first sketched out wireframes and interactions to quickly communicate my idea to the team.
Then, I used Adobe XD to create high fidelity UI screens and made each screen clickable.
This project is still ongoing. I will be updating this page as the project goes. Please come check back later 👋🏻