

Discover trading card game (TCG) tournaments and playgroups with a tap.
Role: UI/UX Designer | Platform: Mobile App | Tools: Figma and Adobe Suite | Timeline: 4 weeks (80 hours)
Where is the nearest tournament?
I frequently get an itch to play Magic the Gathering (MTG) with my friends. One of my best friends and I often travel to different cities to hang out. And when we are in a new city and have to scratch that itch, we always ask, “Where?”. With my design thinking and love for the trading card community, I conceptualized a way to find tournaments nearby.
Challenge
Help players find TCG events and tournaments wherever they are. Improve the current way they are finding and registering for tournaments.
Solution
Journey is the all-in-one app that does everything that a TCG player would love. After hours of researching and interviewing TCG players, I designed an app with features that would help players improve their overall experience.
-
Find events and tournaments
Discover events for your favorite card games that go with your schedule wherever you are.
-
Practice for tournaments
Nervous for a big upcoming tournament? Don’t worry you can find playgroups that are practicing for that tournament so you could play against other competitive players.
-
Register for events quickly
Journey lets players register for events with a tap. Don’t worry about calling the store or having to arrive early.

Research
Market Research
I started my research with the way I typically find tournaments: going on Yelp, calling stores around the area, and/or looking through local Facebook groups. I wanted to fully understand the different processes of discovering events and why there wasn’t a centralized solution.
To help with my research, I made a research guide.
I researched the market on how local game stores and companies promote tournaments and events. Was discoverability of events important to them or did they put more emphasis on their products?
Ever since the pandemic, trading cards gained more popularity, always selling out at big retailers.
There isn’t an app that identifies events for various card games.
Pokemon TCG event finder on their website doesn’t work well, it seems out of date.
There are a lot of Reddit posts from various card games all looking to find tournaments
I searched MTG events on EventBrite and received only magician events as results…..
Survey
I conducted a survey to discover how players are currently finding events and their experience with it. This method would let me understand from various card games and skill levels.
A couple of questions I used for the survey:
Competitor Analysis
Whenever I attend events, there’s usually a notable amount of players in attendance, so event marketing is reaching these players. But is it the best way? Could the experience be improved? Also, stores that are already popular and have strong communities tend to have great turnouts. But what about the other stores? I decided to look at the current ways players are looking for events.
I looked at what current competitors are doing well so I could improve upon them. Then, I analyzed their weaknesses to look for opportunities that I could focus on.
1:1 Interviews
To better understand players, I conducted 1:1 interviews to learn about how they are currently finding tournaments. I also interviewed players based on their competitive levels: casual, experimental, or competitive.
To help me conduct the interviews, I created an interview guide.
Participants: 5
Age: 20-35
Objective:
Understand how players are finding tournaments
Identify if they are satisfied with the current methods
Discover what they look for in a tournament
What participants said
“It’s annoying and tedious that I have to search the store, go to their website, and then call the store.
I don’t know what to do if I was in a new area, I would probably go on store location, and then look on their website.”
“There should be a centralized process so I know if I can attend events for the week due to my busy work life.”
“I like to practice with people so I could be ready for tournaments.”
Insight
Tedious process
Most participants mentioned how tedious the process was. They were annoyed with how they are currently finding tournaments. They spent more than 10 minutes for something that could be done in a couple minutes.
Centralized process
Participants want the process to be centralized where they could find events and register for it all in one place.
Playgroup
A crucial thing that many participants mentioned was playgroups, where players could create events, where they could play and practice with other players. Many participants also love just being able to hang out with other players.

Define
Persona
After I finished researching and interviewing people on their experience with finding tournaments, I created a persona.
The persona will be helping me with my design decisions as I move forward. Furthermore, it will help me be as user-centric as possible.
Meet Joe, a competitive player who is also very busy with his work. Since he has being playing Pokemon since he was in high school, there is a constant itch to play throughout the week. He doesn’t have time to look up all the stores or call them. He also has to commute to different cities for his work.
How Might We
With the research and 1:1 interviews, I identified a couple of pain points players encountered. I used the “How Might We” method so I could brainstorm ways to solve these problems. I didn’t want to be fixated on a single, narrow solution, but rather, get creative with how I approach the problems.
Project Goals
I created project goals to note the different aspects from the business, player, and technical side. Due to the time constraint, I won’t be able to address all the goals. I will focus on those that overlaps.
Feature Product Roadmap
After I identified what aspects overlapped. I created a feature product roadmap to help me prioritize the features I would design for the app. Again, due to the time constraint, I decided to focus on features for the players and the Must Haves.
Sitemap
After I prioritized the features for the app, I created a hierarchy for the app. These features would be the core of the app and what players would be interacting with based on my research.

Ideation
Wireframe
Before I started focusing on the pixels, I decided to sketch some ideas I had for the app.
Due to how messy everything was, I digitized my sketches so it would look better. :D
I took inspiration from some of my favorite event finding apps such as Yelp, Eventbrite, and Ticketmaster. I also took additional inspiration from Dribbble and Behance.
I wanted an all in one solution for players:
Searching for the right tournaments (format, date, and time)
Registering for the tournaments
Going to playgroups
I talked to my mentor about the solution and he wasn’t completely sold on it. He said wasn’t this just an app that books events? He was right, but he didn’t understand that most of these event apps focus on a bunch of things. It isn’t catered towards improving the trading card experience, we, the players go through. After I explain to him that trading card was very competitive and decks could range into the thousands and that prizing could go into the hundreds of thousands. He slowly understood the reason how the app could help players. He suggested that I shape it like a gaming app.
Competitive trading card is like poker but with images of monsters.
All for one, and one for all
-
Find events quickly
-Joe would find events and what card games he wanted to play
-If Joe saw what events were happening and where, he could quickly decide if he wanted to participant.
-Journey would have events near you and categorize it based on event types
-
Playgroups
-Joe could go to a playgroup to hangout, meet new players, or practice with people at his skill level.
-Journey would categorized playgroups based on card games, skill levels, and the formats of the game.
-
Registration
-Joe could register and pay for the event in a single flow.
-Journey would have registrations for the event so players could focus on performing their best rather than worried if they were registered or not. There will be reminders for when your events are happening as well.
Task Flow
I created a task flow for the crucial things that Joe would want from Journey.
Find an event and register under 5 minutes.
There is an issue that I haven’t address yet—”How do the tournaments appear on the app?” This would be the main way for how the app profits. I will discuss this later. But for now, let’s focus on the main user.
User Flow
This is the many different scenarios that players could navigate within the app. Earlier, I posed the question—”How are events populated on the app?” Well, due to the time constraint, I wasn’t able to deeply dive into the research on the business aspect of the app. Ideally,, businesses would be introduced to the app and use it to post weekly events, as well as, remind and allow players to purchase their tickets on the app.
Journey would charge a small fee if businesses wanted to use the registration feature
This would help centralized the process
Branding and UI Kit
I didn’t want to make the app look like Yelp or Eventbrite, because it would lose the fantasy or gaming appeal.
The main objective of Journey is to help players find events quickly so they could focus on playing their favorite card games. I didn’t want players to be worried about where to find tournaments or the whole registration process.
I used imagery of popular card games and horizontal scrolling so players could see many tournament events, and a familiar grid system so they intuitively know how to use the app. For the color palette, I played around with fantasy and gaming themes. I used the pink because it had a retro theme for when trading card games became popular in the 90s. I applied it across CTA buttons, actions, and cards. Then I used black and white since they are popular colors among gamers.
Hi-Fidelity Mockup
For the high fidelity mockup, I focused my efforts on the task flow screens as it highlighted the importance of the user journey. Thus, it would create a true experience for my participants during the usability test.

Prototype and Test
Usability Test
After I completed research, interviews, and design for an app. It was time to battle the final boss. Does Journey find the nearest tournament for wherever the player is? Quickly?
To answer this, I needed to test my MVP for usability and validate whether or not Journey was a viable solution.
I conducted the test with 5 participants. I did the test remotely over video due to the pandemic. I recruited casual and veteran players in order to have different perspectives on how they would use the app.
I created a usability guide as well.
Participants: 5
Age: 25-30
Task: Find a MTG standard event and register for it
Objective:
Understand the usability of Journey based on efficiency, frustrations, ease of use, and satisfaction
Insight
So did Journey solve the issues for the trading card community?
Well…….
This is what players said:
Finding tournaments
“I love how seemingly easy the app find all the nearby tournaments for me.”
“I didn’t even have to call a store.”
Finding playgroups
“I am a bit confuse between this and the home page.”
“Is this tournaments or people to play with?”
Registering for tournaments
“Wait that’s it? I am done?”
“It was quite intuitive to use Journey.”
Affinity Map
I created an affinity map to synthesize my data. This would help me focus on what to revise for my iteration. I categorized my data into pain points, visual issues, and what participants liked.
Revisions
From the affinity map, I prioritized the pain points and a couple of the visual issues. I focused on the issues that would hinder players’ experience. I wanted to improve Journey as much as possible within the time frame.
What’s the next journey?
The design of the app was quite well-received. They love how I approached the problem. They appreciated that I wanted to create something for the trading card community. I wanted to create this project because of my love for trading card games and I want to work in the gaming and entertainment industry. I learned a lot creating an end-to-end mobile app.
Difficult task
It was hard creating this trading card app because this app is very unique and specific to the trading card niche
Creating the app for both new users and trading card veterans was a challenge
Time constraint made it hard to research on the business aspect of the app
Next steps
Research more on the business aspect where I interview local game stores
Create mockups of how businesses would create events
Find developers who are fans of trading card games so they could help me create this app
In the mean time, where are the tournaments for this weekend? Time to call some local game stores…….
These comments from my participants makes me believe I am in an industry where I am helping people:
“This is game breaking. It solves the issue of when I am in an area and I ask myself where can I go for a tournament?”
“I don’t have to line up in the store to register, I can just come to the store and wait for the tournament to start.”
“When can you make this an app, I would totally use this.”