plair

A gaming ecosystem created for gamers and gaming fans rewarding them for playing, creating content, viewing, and social interaction.

CLIENT

PLAIR

MY ROLE

Product Design LEAD – UX/UI, web design, art direction

Product Manager
UX/UI, web design, art direction

TEAM

3 Project managers, 1 Engineering Manager

PROJECT TYPE

dapp Website

BACKGROUND
A blockchain project empowers gamers

Amateur gamers have been struggling with a lack of community, preventing them from socializing with like-minded fans, similar to professional gamers. In an effort to provide amateur gamers with a platform for playing, spectating, and discussing the games they love. PLAIR can leverage blockchain technology and cryptocurrency to grow and build the gaming community financially and sustainably.

I led this project to design a web application for PLAIR in 2018. For Phase 1 development, we focused on hosting tournaments on our platform and implementing a blockchain system to handle all reward transactions.

Target
auditors
Target auditors
Target auditors
Designing for gamers

PLAIR was designed to enable gamers to explore their interests and earn rewards by participating in online tournaments using crypto tokens. It encourages users to contribute to the community and supports the professional development of gamers

Challenge
Split Decision

The team faced a split decision regarding which feature should be the key focus for the MVP within a tight timeframe. Influenced by the project managers of Esport and their significant offline event experience, there was a preference for a comprehensive settings management page. This page would empower amateur gamers to organize and run their online tournaments seamlessly.

On the other hand, an alternative option was to build a feature for quick games, providing a lite version of the tournament experience with just a few clicks. In this scenario, the schedule and settings were handled by us, and gamers only needed to pay their entry fee to join the tournament.

goal
goal

Determine the priority of features through user interviews. This can help the team prioritize the order of development

Hypothesis
Hypothesis

Users would consider the feature of organizing a tournament as the top priority for development. 

Wireframes

Research
process
Reserch process
Reserch process
Methods

User interviews, Market research analysis, prototyping, Information architecture

User interviews, Market research analysis, prototyping, Information architecture

User interviews

Sample size: Recruited 3 amateur gamers and 2 game event organizers to gain insights into their needs, motivations, and frustrations, aiming to identify useful findings from this research. 

  • Questionaries

  • Prototyping 

  • Recording usability test

Sample size: Recruited 3 amateur gamers and 2 game event organizers to gain insights into their needs, motivations, and frustrations, aiming to identify useful findings from this research. 

  • Questionaries

  • Prototyping 

  • Recording usability test

Key Focus of Research

• Test out all the core features that we would like to launch in the MVP

  • Discover what is the priority for users in features

  • Lo-fi prototype feedback

• Test out all the core features that we would like to launch in the MVP

  • Discover what is the priority for users in features

  • Lo-fi prototype feedback

Lo-fi Prototype in Adobe XD

Lo-fi Prototype in Adobe XD

The
breakthrough
The breakthrough
Key Findings:
  • Simplify the information about joining a quick match.

  • From the perspective of an amateur gamer, organizing a match with people from the internet can be challenging due to a lack of engagement. 

  • Gamers typically lean towards having fun with enjoyable game matches with minimal hassle.

After conducting usability tests, most users expressed impatience with the numerous steps required to organize their tournament. There was either too much information to fill out, or users lacked a sufficient understanding to run a proper online tournament. The effort involved in running a tournament was perceived as burdensome, and users preferred playing a fun, quick match instead of hosting their own game. The complexity of tournament settings decreased their satisfaction with the platform, emphasizing the need for users to access basic information at first sight.

  • Simplify the information about joining a quick match.

  • From the perspective of an amateur gamer, organizing a match with people from the internet can be challenging due to a lack of engagement. 

  • Gamers typically lean towards having fun with enjoyable game matches with minimal hassle.

After conducting usability tests, most users expressed impatience with the numerous steps required to organize their tournament. There was either too much information to fill out, or users lacked a sufficient understanding to run a proper online tournament. The effort involved in running a tournament was perceived as burdensome, and users preferred playing a fun, quick match instead of hosting their own game. The complexity of tournament settings decreased their satisfaction with the platform, emphasizing the need for users to access basic information at first sight.

Team
Decision
Team Decision

Pivot the focus to Quick Match instead of a large-scale tournament for phase 1 development

Pivot the focus to Quick Match instead of a large-scale tournament for phase 1 development

The game participants include 1 vs 1, 2 vs 2, and 5 vs 5 matchups. 

The participants of the game:
1 vs 1, 2 vs 2, 5 vs 5

The game participants include 1 vs 1, 2 vs 2, and 5 vs 5 matchups. 

Scheduled daily games cover three time zones: Europe, North America, and Southeast Asia, reaching 80% of our community.

Scheduled daily games cover three time zones: Europe, North America, and Southeast Asia, reaching 80% of our community.

To enhance feasibility, we simplified our idea. While we didn’t abandon the feature of organizing a tournament, the team rearranged it for development in the future. The team has archived the checkpoints on the roadmap.

To enhance feasibility, we simplified our idea. While we didn’t abandon the feature of organizing a tournament, the team rearranged it for development in the future. The team has archived the checkpoints on the roadmap.

Solution
Before
Before

The concept of creating a tournament resembled more of a CMS system, requiring users to input information across three separate pages manually. While this approach offers users full control over their tournaments, it can pose challenges for those unfamiliar with hosting such events.

The concept of creating a tournament resembled more of a CMS system, requiring users to input information across three separate pages manually. While this approach offers users full control over their tournaments, it can pose challenges for those unfamiliar with hosting such events.

After
After

In contrast, users only need to search for upcoming tournaments for the games they enjoy playing. For example, users can choose DOTA 2 from various tournament scales. Within the quick match section, they can find all the necessary information and simply click the 'join' button. Paying the entry fee in tokens secures their slots. Easy!

In contrast, users only need to search for upcoming tournaments for the games they enjoy playing. For example, users can choose DOTA 2 from various tournament scales. Within the quick match section, they can find all the necessary information and simply click the 'join' button. Paying the entry fee in tokens secures their slots. Easy!

Result
Metric

The completion of quick match, occupied by 80% for the first 4 weeks.

The completion of quick match, occupied by 80% for the first 4 weeks.

The completion of quick match, occupied by 80% for the first 4 weeks.

About Quick Game Matching
  • Quick Game Matching allows users to secure their slots with just a few clicks.

  • Participants can join an online tournament without the hassles of inputting information because the platform is built with a blockchain Dapp. The system recognizes users by their unique wallet address rather than personal information, not even email."

  • Quick Game Matching allows users to secure their slots with just a few clicks.

  • Participants can join an online tournament without the hassles of inputting information because the platform is built with a blockchain Dapp. The system recognizes users by their unique wallet address rather than personal information, not even email."

The Positive Impact for Users
The Positive Impact for Users

Gamers can enjoy playing their games with highly secure privacy. Additionally, the platform offers a straightforward method to register for tournaments, just a few clicks away

Gamers can enjoy playing their games with highly secure privacy. Additionally, the platform offers a straightforward method to register for tournaments, just a few clicks away

handoffs materials

Typography & Colors

Typography & Colors

Components – Form Elements & Buttons

Components – Form Elements & Buttons

VISUAL
LANGUAGE
VISUAL
LANGUAGE
VISUAL
LANGUAGE

We experimented with dark mode, a trendy design idea back in 2018. The platform's design emphasized an appealing look with a fun, youthful, and gaming tone. We organized everything in the structure of a top navigation bar with three columns, allowing users to easily navigate through the entire website.

Takeaway
Takeaway
Takeaway
Being Open-minded & Respecting Findings

Unconsciously, we often make quick judgments or develop biases based on our expertise when approaching work. Humans tend to repeat familiar methods. This project taught the team about the potential pitfalls of biased mindsets that can misguide development toward the wrong outcomes.

In hindsight, gaining insights by actively listening to existing or potential customers proves valuable in decision-making, especially in situations lacking support or resources.

In my opinion, conducting a round of user interviews for proof of concept before diving into design is crucial. This approach ensures that I identify problems or opportunities with sufficient value for solving. Following that, researching how existing products address similar issues in the market appears to be a more effective way to kick off a project, preventing the product from targeting improper or invalid ideas.

Let's grab a coffee together
and talk about your product

Networking

Visual Design

Connect

© 2023 Simon Chan

© 2023 Simon Chan

Let's grab a coffee together
and talk about your product

Visual Design

Connect

Networking

© 2023 Simon Chan

Let's grab a coffee together
and talk about your product

Visual Design

Behance

Connect

Mail

Networking

Linkedin