Redesigning Arena Club Slab Packs for Mobile

Bringing the thrill of Slab Packs to your fingertips.

ROLE

Product Designer

TOOLS


Figma

TIMELINE


2024 September

Skip to Prototype

INTRODUCTION

Slab Packs are Arena Club's top-selling product, mystery packs designed exclusively for collectible trading cards. Twice a week, Arena Club releases a limited-edition drop, each featuring a new high-value "Chase" card—a rare collectible that collectors hope to find before the packs sell out.


To bring the excitement of Slab Packs to mobile, I led the redesign of the user experience, ensuring collectors could seamlessly browse, and buy packs on the go when the drop happens. My goal was to build excitement around Chase cards while making the interface intuitive and optimized for mobile.

PROBLEM STATEMENT


Slab Packs are inaccessible from the mobile app

Currently, Slab Packs are web-views on Arena Club’s mobile app. With Slab Packs being the top-selling product, the drops happen every Tuesday and Friday at 10 AM, but users often miss out when they’re away from their computers, as packs sell out quickly.


As a Series A startup, this product was initially built for desktop, with the mobile app still in transition to a fully native experience. Redesigning this feature for mobile is crucial to enhance user experience and ensure collectors can participate in these fast-paced drops, no matter where they are.

USER INTERVIEWS

Buyers Prefer Mobile for Quick, Multiple Slab Pack Purchases

After speaking with long-term customers and top Slab Pack buyers, I found that card sellers typically use desktop, as selling involves listing, pricing, and moderating offers. In contrast, buyers prefer a more streamlined, mobile experience, especially for Slab Packs, where they want to quickly purchase multiple packs during drops.

59%

Airbnb users are aged 25-44

77%

Guests say they choose airbnb to live like locals

QUALITATIVE USER RESEARCH

There are two types of users: research-oriented and spontaneous.

To gain deeper insights, I conducted five comprehensive interviews with individuals aged between 25 and 44, all of who have prior experience using Airbnb.

The interviews revealed two main user profiles: Research-Oriented Users, who utilize third-party platforms to gather information about their Airbnb location, enhancing their booking decisions; and Spontaneous Users, who tend to book impulsively, often finding themselves in unexpected areas.

How do you currently find local insights about an area where you’re considering staying? Have you faced any challenges in this process?

How do you currently find local insights about an area where you’re considering staying? Have you faced any challenges in this process?

I usually end up searching on google maps or TikTok. It can be a hassle because I have to go to multiple apps to find this information.

I usually end up searching on google maps or TikTok. It can be a hassle because I have to go to multiple apps to find this information.

Can you share a specific instance where lack of local insights impacted your stay or experience in a destination?

Can you share a specific instance where lack of local insights impacted your stay or experience in a destination?

Once, I stayed in a perfect Airbnb, but it turned out to be quite far from lively areas and didn’t feel very safe at night.

Once, I stayed in a perfect Airbnb, but it turned out to be quite far from lively areas and didn’t feel very safe at night.

QUANTITATIVE USER RESEARCH

Both types of users want better methods to look for local insights

To get a broader understanding of user perspectives, I carried out an online survey with 200 participants to assess their preferences for local insights and how these insights might influence their Airbnb booking choices.

AFFINITY MAP

Overall, users want more information regarding neighborhoods in foreign cities.

This affinity map revealed a significant gap in providing detailed local insights. The insights gathered suggested solutions such as enhancing Airbnb's map feature by offering local insights and real-time local information to improve user experience and satisfaction.

GOALS

Optimize Airbnb's interface with local information for improved decision-making.

My key design goal is to streamline Airbnb's interface and enrich it with accessible local insights, simplifying user decision-making process, boosting platform engagement and satisfaction.


For guests, the aim is to enable faster and more efficient discovery of suitable accommodations, ensuring quick access to detailed local insights for making more informed booking decisions.


For hosts, the focus is on improving property visibility through enhanced functionalities and attracting guests whose preferences align with what the property offers.

Business Impact

Increased User Retention

Simplifying discovery with the map feature encourages users to stay longer and return, reducing drop-offs.

Revenue Growth

Improved map engagement leads to more bookings, directly increasing Airbnb's earnings.

User Impact

  • Less decision fatigue

  • Less time wasted on searching on third-party platforms

  • More local gems discovered

  • Better travel itineraries

IDEATION

How can we enhance Airbnb stay selections by providing comprehensive local neighborhood insights?

Approach 1

A local insights feed

Access hidden gems through a local insights feed recommended and verified by airbnb hosts.

Approach 2

Community Spot Sharing

Discover key attractions and insights at a glance with an intuitive, map-integrated exploration tool.

Approach 3

Explorer Mode

Discover key attractions and insights at a glance with an intuitive, map-integrated exploration tool.

Based on user research and pain points, I chose approach 3 ‘Explorer Mode’ to meet our users' varied needs, from planners to explorers. This feature uses a heat map to show the density of local insights along with preview cards to browse images of the location.

APP AUDIT

The Airbnb map feature is limited.

Before starting my design process, I reviewed Airbnb's map feature and identified shortcomings such as the non-interactive interface and scarce information, making it hard for users to find suitable accommodations.

PRODUCT USER TESTING

Gaining feedback from the community.

To refine and improve the design, I conducted user testing with 5 participants, resulting in three key findings:

FINDING 1

The red color on the heat map reminds users of danger.

The red color on the heat map reminds users of danger.



Red is often associated with danger, suggesting a need for a more intuitive gradient.

FINDING 2

The map looks visually cluttered.

The map looks visually cluttered.



The abundance of pins on the map made it hard to focus on specific interests like safety or food.

FINDING 3

Information feels out of date.

Information feels out of date.

Without real-time information or information about the distance from and to restaurants and attractions, users felt that the information was unreliable and out of date.

FINAL SOLUTIONS

Key Features of 'Explorer Mode'

Based on these findings, I created product solutions specific to the pain points found during the user testing.

FEATURE 01

Local Insights Density Heatmap

This feature displays a heatmap of local attractions and eateries, guiding users to high-density neighborhoods for deeper exploration and informed stay decisions.

FEATURE 02

Insight Type Filter Categories

Introducing distinct categories such as dining, transportation, attractions, and safety to facilitate targeted and a visually simple interface.

FEATURE 02

Live Data and Navigational Map Directions

Enhanced exploration by integrating live crowd level data and providing mapped directions to each location.

MEASURING SUCCESS

Measuring results through ‘Explorer Mode’

Although I do not work at Airbnb and may lack some product insight, I'm confident this idea could succeed with proper validation and iteration.


Success metrics could include:

  • # of bookings made directly from 'explorer mode' map interactions

  • # of users retained comparing ‘explorer mode’ users vs. non-map users

  • # of hours users spend using the map feature with ‘explorer mode’ compared to previous levels

REFLECTION

Measuring results through ‘Explorer Mode’

As an active user of airbnb, there were many features I wanted to explore and address inspired by my travels in Southeast Asia. But ultimately I had to scope it down to one problem to dive deeper on. This study was the result of multiple rounds of problem definition and scoping of issues. Overall, the process was both rewarding and personally meaningful.

For next time…

  • Improve ‘Explorer Mode’ search and discovery with themed filters.

  • Enable offline map access for seamless navigation without internet.

  • Promote sustainable travel by highlighting eco-friendly options.

Moving forward…

My focus is on continuous improvement—gathering feedback, refining the solution, and exploring new enhancements to better the Airbnb experience, making every travel experience memorable.

Travel Bucket List

Great Barrier Reef in Australia

Northern Lights in Iceland

Surfing in Fiji Islands