[Case 01] Copy

12.3% more CTR through mood based navigation | Eventbrite

Event + Ecommerce

12.3% more CTR through mood based navigation | Eventbrite

Adding a new navigation system based on user’s mood that would help them narrow down their search

[Project Overview]

Adding a new navigation system based on user’s mood that would help them narrow down their search

[Problem Statement]

Eventbrite showcases thousands of different kind of events everyday on the app + website. Although there are so many events, the user finds it tough at times to find a right event for them to attend.





[Industry]

Event + Ecommerce

[My Role]

Lead Designer

[Platforms]

iOS + Android

[research]

We noted down everything that we could gather from talking to users, conducting interviews and doing walkthroughs of the discovery phase and by looking at data. We focused on questions like

-What do users look for when trying to discover a new event?

-Why do users drop off from the discovery phase

-Why are users not able to find what they are looking for?

-Do users know about all the different kind of events being showcased in their area?

[insights]

-Consumers employ a multi-faceted approach to event discovery.

-Before beginning the discovery process on Eventbrite, consumers bring in criteria that fall outside of what we typically reference (e.g., date, time, location, price, etc.).

-Their current situation/mood/mental state also affects what type of event they are open to. 

-After a long week of work, some consumers expressed a preference for events that are peaceful, relaxing, and restorative. 

-Others mentioned the need for something more casual or laid-back to break up the monotony of the work week. 

[set out to solve]

Currently, our recommendations and categories do not allow users to easily discover the event that might match their mood or vibe without digging into the details themselves. We need to give the users a better way to navigate and narrow down to events that match what they are looking for.

[hypothesis]

IF we guide users to explore events based on the mood or vibe that fits their situation THEN we will increase orders BECAUSE users will have the ability to choose events that are most relevant to what they need in the moment.  

[concepts]

Moods Tags

Design a series of standalone tags that can be displayed on an event (on the listing, on the card) to communicate the general mood of the event.

Moods Tags

Design a series of standalone tags that can be displayed on an event (on the listing, on the card) to communicate the general mood of the event.

Moods Tags

Design a series of standalone tags that can be displayed on an event (on the listing, on the card) to communicate the general mood of the event.

Mood entry point module (More feasibility, low risk)

A special module within the home feed that prompts the user to select their current mood. This will then open a <modal, carousel, sub-page> with events from that mood category.

Mood entry point module (More feasibility, low risk)

A special module within the home feed that prompts the user to select their current mood. This will then open a <modal, carousel, sub-page> with events from that mood category.

Mood entry point module (More feasibility, low risk)

A special module within the home feed that prompts the user to select their current mood. This will then open a <modal, carousel, sub-page> with events from that mood category.

Mood Personalisation

Display event cards with special controls on/around the card to help tailor the relevance of the event to the mood, e.g. heart/dislike/share/shuffle?

Mood Personalisation

Display event cards with special controls on/around the card to help tailor the relevance of the event to the mood, e.g. heart/dislike/share/shuffle?

Mood Personalisation

Display event cards with special controls on/around the card to help tailor the relevance of the event to the mood, e.g. heart/dislike/share/shuffle?

Mood Stories

A “stories” component that displays groups of events by mood.
(Might work better as a marketing touchpoint)

Mood Stories

A “stories” component that displays groups of events by mood.
(Might work better as a marketing touchpoint)

Mood Stories

A “stories” component that displays groups of events by mood.
(Might work better as a marketing touchpoint)

[key moods]

Mood collections will be created from categories and keywords in the event title. This was a separate exercise and collaborative work done with the Creator team. The creator team was working on a taxonomy project and hence this was a feasible lift for them

tog et creators to add certain tags and names while creating the event.

The moods would change with season, trend, inventory etc.

[iterations]

Mood collections are presented as horizontal-scrolling carousels of 8-12 events. Carousel sections include a header with dropdown control to switch moods. Carousel sections are themed based on mood, with a background shape overlaid on a tinted background; these colors update as moods change.Optional: users may be presented with a “mood picker” that sets the initial mood for the collection.

Iterations to test whether a more defined and color coded header would appeal more to users. This would also make for good SEO landings

Using simple tab component on the homepage which would enable user to toggle through all the moods quickly

[final designs]

[Outcome]

12.5% increase in card CTR
12.5% increase in card CTR
3% increase in CVR
3% increase in CVR
A good first step that gave way to many more concepts which helped users to navigate better
A good first step that gave way to many more concepts which helped users to navigate better

[Impact Achieved]

Mobile-first design

Improved usage across mobile app, starting with a modernised, mobile-first feed UI (iOS), a simpler posting UX. This project pushed was the first step towards shifting focus to the app.

Mobile-first design

Improved usage across mobile app, starting with a modernised, mobile-first feed UI (iOS), a simpler posting UX. This project pushed was the first step towards shifting focus to the app.

Mobile-first design

Improved usage across mobile app, starting with a modernised, mobile-first feed UI (iOS), a simpler posting UX. This project pushed was the first step towards shifting focus to the app.

Partnership foundation

Established a foundation for partners to plug into.

Partnership foundation

Established a foundation for partners to plug into.

Partnership foundation

Established a foundation for partners to plug into.

Design system collaboration

Worked with the design systems team to ensure consistency and scalability, and contributed new components for future projects.

Design system collaboration

Worked with the design systems team to ensure consistency and scalability, and contributed new components for future projects.

Design system collaboration

Worked with the design systems team to ensure consistency and scalability, and contributed new components for future projects.

Select this text to see the highlight effect