homeLogo

Interaction Design Class | January-April 2023

Research, Illustration: Turquoise Goat Trading Cards

A semester-long design project working with an external group to come up with a design solution that will help them. Here, I will summarize the process of how these trading cards came to be from start to finish.

Collaborators:

Alyssa N. Umbal, Nathan Cerone, Kirsten Wong

Tools I used:

Figma, Procreate

Skills:

Ethnography, Interviewing, Illustration, Physical Prototyping

Who is Turquoise Goat?

Turquoise Goat is a queer-owned 90s themed board game cafe located in downtown vancouver. The establishment aims to be a lively, inclusive, and accessible place for customers to play board games and enjoy uniquely-themed food and drinks made by Turquoise Goat’s diverse team.

Turquoise Goat's unique atmosphere
Exterior and interior of Turquoise Goat

Ethnography

The first step in designing something for the cafe was to learn more about them through ethnography. For this, my team and I went to the cafe with open minds, not thinking about what we want to design, because at this point, we did not know them enough to be truly designing for them and not our own opinions. To start, we took in the cafe’s atmosphere, observed how customers and staff interact, and enjoyed some of what they had to offer ourselves.

cart with board games
A mere fraction of Turquoise Goat’s vast selection of board games
funky cereal and blue milk
Cereal with blue milk and Turquoise Goat’s specialty drink: the Lucky Duck

Our interviews began with us asking questions about their experience at the cafe and about themselves. Through this, our participants became comfortable enough to go from answering questions to enthusiastically telling us stories, which gave us a more detailed and vibrant picture of the cafe. Some quotes of note were:

“When you walk into [Turquoise Goat] it’s already good vibes you know?”

Roy, Customer

“It’s hard to let customers know what games we have, cause there’s no formal list or catalogue for them to choose from”

Anant, Game Steward

“People aren’t always aware we have a full menu of food in addition to drinks and snacks. People will often eat somewhere else then come to the cafe”

Leah, co-owner

This told us that although the cafe is a special and unique experience for guests, there were a few rough spots that needed patching up. This is where we focused on, trying to come up with ways that could help alleviate these pains.

Roadblocks

Ideating was not going smoothly for us. We wanted to help the cafe overcome some annoyances they face, but we could not think of any helpful ideas that we could realistically implement. An interactive board game catalogue was already in the works by the cafe, and a lot of the other issues we found were more so marketing issues than something we should design a solution for. Stuck and needing to find a new direction, we went back to the cafe to do more ethnography and interviews. One thing Leah, the co-owner told us stood out in particular:

“I want to create a destination for people, a place where they can stay for the long haul”

Leah, Co-owner

From this, we learned that the atmosphere and character of the place is what makes it special to both customers and staff, so much so, that it can be considered a destination. We decided that instead of grasping for straws at a problem for us to solve, we could also make an impact on the cafe by enhancing what already makes the cafe so special. This quote really stuck with us, and we needed to know more about what makes a destination so we could draw on that and bring it out to the max.

What is a Destination? (Participatory Design Workshop)

A few weeks later, we went back to the cafe to conduct a participatory workshop to define and unpack the meaning of a destination. For this, we planned 3 design activities to go through with Leah, the co-owner scheduled to take one hour in total. To make the experience go smoothly, I created worksheets and stickers to use in the workshop. We also conducted another session of this workshop, but online and with 3 regular Turquoise Goat customers.

design worksheets
Worksheets and stickers I designed
participatory workshop photo
Our participatory workshop with Leah, Turquoise Goat’s co-owner

Through these workshops, we finally came to understand the meaning of a destination. A destination is:

A place where you can feel immersed in an unfamiliar world, due to its atmosphere, activities and uniqueness

Somewhere to celebrate milestones and make lasting, personal memories with friends and family

A place where your experience was significant enough that you want to take home a souvenir as a token of the visit

Design Persona

Afterwards, we created a customer persona for us to design for. This character encompassed was an amalgamation of recurring traits and opinions from the many customers we observed and interviewed during ethnography.

persona poster with basic info
Our persona, Enrique, a board game fan who likes to go to the cafe to spend time with his friends.

Reframed Design Focus

After weeks of research and iteration, we finally came to a design focus we were happy with:

our new design focus
Design Focus: Enhance Turquoise Goat's appeal as a destination where people ca make personal memories with family and friends, and preserve the unique experience they built together

After more sessions of brainstorming and ideation, we came up with the idea of Turquoise Goat collectible trading cards. This set of cards would depict goats enjoying the cafe experience just like customers, as well as archetypes of board game players that customers can relate to and identify with, drawing inspiration from MBTI and the Harry Potter houses. These cards would be given randomly to customers at the end of their Turquoise Goat stay, acting as the final, lasting impression customers would have of the experience. If they so desire, customers may also purchase a booster pack of cards, which contain 5 cards— one of which, is a holographic card.

Storyboard

We made a storyboard detailing how distribution of the cards would work. I illustrated parts of this.

Trading card concept storyboard
Our concept storyboard. I illustrated step 1, step 3, and the cards in step 4

Making the Cards

Now to make the actual cards themselves, a big undertaking I was in charge of. Using Procreate, I sketched, lined, and coloured an entire collage of goats experiencing Turquoise Goat together that I could split into a set of 8 cards.

rough sketches
Rough sketches for the first four trading cards
lineart
Card lineart. I placed card templates behind to see how the collage would look split up
final art file
Final trading card art. This was later imported to Figma and put onto cards

Then, Alyssa designed the frames for the cards, and we put them together on Figma. All 4 of us then designed the packaging for the card booster packs. The next day, I printed them out on double-sided cardstock. All of us spent a day together cutting the cards, making the packs, and taking quality mock-up photos.

work in progress image of cards
Cutting, corner-rounding, and putting together booster packs

Final Product and Reflection

The semester-long project culminated in these final deliverables and a presentation we gave to our class. We received overwhelmingly positive feedback from our professor and peers. We also had a final meeting with the co-owner of Turquoise Goat, who was proud of our work this semester, and believes our idea would be incredibly popular with customers at the cafe. I’m extremely proud of what I accomplished during this project. I learned so much about how to conduct ethical research, put together design documents, and come up with something that encompasses the unique values and identity of the people I’m designing for. During these four months, I lived and breathed Turquoise Goat, and what my friends and I accomplished will forever be one of my most memorable adventures in my university career.

the full completed card set

More Projects

Research / UX / UI / Prototyping

Empath: Daily Reading and Community

Graphic Design / Illustration

Bound by Flame: A TTRPG