Eventbrite
TIMELINE
November 2023
ROLE
Product Designer
TOOLS
Figma
CONTRIBUTORS
Haley Chan
Delaney Wong
Connecting users to local events and live experiences
CASE STUDY OVERVIEW
Our team noticed frequent inefficiencies in navigating the current Eventbrite home page, which lacks readability and fails to categorize events in ways that cater to users.
We set goals to categorize events in a more systematic manner and to hierarchically display information on event cards.
Design Approach
WE DECOMPOSED THIS DESIGN BY FIRST ASKING
How might we help users find events that they want to attend faster on the home page?
Drawing inspiration from other algorithmic home pages, we aimed to rearrange categories for better user understanding. Event cards struggled to facilitate an information hierarchy, and organizer profile cards were ambiguous.
User Research
I needed to establish which categories users most wanted to see. In terms of event cards and organizer profile cards, I wanted to discover what event details and profile information, respectively, users found most important.
When browsing for events to attend (i.e. scrolling down the Eventbrite homepage), which of these categories would you want to appear first?
When learning about an event's details, which of these factors have the biggest impact on your decision to attend?
PRICE
LOCATION
DATE AND TIME
ORG NAME
CATEGORY / TAGS
ORG # OF FOLLOWERS
ORG UPCOMING EVENTS
ABOUT THIS ORG
ORG NAME
ORG # OF FOLLOWERS
ORG TOTAL # OF EVENTS
What information would you like to see on an organizer's contact card?
RECENTLY VIEWED
MY SAVED EVENTS
CATEGORY: INTEREST
CATEGORY: PRICE
Lastly, I asked users to identify the purpose of certain icons. Responses allowed us to measure how representative particular icons were of their actual functions.
PROPOSED REDESIGN
EXISTING ICONS
*icons shown are modified representations of the actual icons used
What actions (i.e. like, dislike, save to wishlist, share, etc.) do you associate with the following icons on the event cards?
Participants erroneously identified the functions for 2 of 3 existing icons and correctly identified the functions for 3 of 3 redesigned icons.
scroll!
click this
Home Page Sequence
I relocated "My Tickets" and "Saved Events" to the drop-down profile menu for a more streamlined design, reordered event categories based on user data, and introduced color gradients to enhance contrast.
Event Card Information Flow
In order to increase readability on event cards, I reorganized event details so that features users deemed most impactful on their decision to attend appeared first. I added icons next to each line of text to help users separate event details, conveying information more quickly.
Gingerbread House Workshop
Sat. Dec 9, @1:00 p.m. ET
Liberty Hall Museum | Union, NJ
Liberty Hall Museum
$5.00 +
Gingerbread House Workshop
Sat. Dec 9, @1:00 p.m. ET
Liberty Hall Museum | Union, NJ
Candy canes, gumdrops, and peppermint sticks, oh my! Children get to decorate a unique gingerbread house, a perfect treat for the start of the holiday season. We provide all the materials including lots of candy...
Liberty Hall Museum
$5.00 +
Gingerbread House Workshop
Sat. Dec 9, @1:00 p.m. ET
Liberty Hall Museum | Union, NJ
Candy canes, gumdrops, and peppermint sticks, oh my! Children get to decorate a unique gingerbread house, a perfect treat for the start of the holiday season. We provide all the materials including lots of candy...
Liberty Hall Museum
$5.00 +
Gingerbread House Workshop
Sat. Dec 9, @1:00 p.m. ET
Liberty Hall Museum | Union, NJ
Liberty Hall Museum
$5.00 +
Gingerbread House Workshop
Sat. Dec 9, @1:00 p.m. ET
Liberty Hall Museum | Union, NJ
Liberty Hall Museum
$5.00 +
VARIANT 1
VARIANT 2
VARIANT 3
VARIANT 4 - FINAL REDESIGN
Gingerbread House Workshop
Sat. Dec 9, @1:00 p.m. ET
Liberty Hall Museum | Union, NJ
Liberty Hall Museum
$5.00 +
Food & Drink
Community
Gingerbread House Workshop
Sat. Dec 9, @1:00 p.m. ET
Liberty Hall Museum | Union, NJ
Liberty Hall Museum
$5.00 +
Food & Drink
Community
tags help categorize events
intuitive icons
profile picture identifies organizer
icons ease
information
processing
Functional Organizer Profiles
I integrated additional information on organizer profile cards, better engaging users and encouraging interaction with them. Categorical tags, as well as titles like "Top organizer," allow users to learn more about the organizer and their status.
Yost Theater Nightlife
1.3k
followers
Follow
67
events
see upcoming events
see upcoming events
Top organizer
Top organizer
Nightlife
Music
VARIANT 1
VARIANT 2
VARIANT 3
Top organizer
Nightlife
Music
scroll through profiles by status
# of events provide additional insight
more about the organizer with tags
VARIANT 4 - FINAL REDESIGN
What I Learned
Experience and Interface Design. I learned how to create dynamic designs that implement key findings from user research, best catering to user preferences.
Descriptive Iconography. Universal icons clearly represent their functions without the need for additional text.
Intentionality. I made purposeful design choices, with each change serving its own purpose to ultimately ease navigation and improve usability.