Beli Reservation Sharing

Beli Reservation Sharing

Beli Reservation Sharing

Building community by helping users share reservations through a previously under-discovered feature.

Building community by helping users share reservations through a previously under-discovered feature.

Roles
Product Design (only designer on team), Visual Design, Prototyping, Interaction Design, Illustrations

Timeline
July 2023

Team
Judy and Eliot (co-founders)

Emily, Caroline, and Mina (Engineers)


Tools
Figma, Figjam

Roles
Product Design (only designer on team), Visual Design, Prototyping, Interaction Design, Illustrations

Timeline
July 2023

Team
Judy and Eliot (co-founders)

Emily, Caroline, and Mina (Engineers)


Tools
Figma, Figjam

Overview
Beli is a restaurant review and tracking app that aims to make dining out more social. One previously under-discovered feature was reservation sharing, an in-app space where users could share and claim existing reservations.


During my summer internship, I redesigned the reservation sharing feature by creating new reusable components, establishing new entry points, and introducing priority status incentives. My designs contributed to a peak of 200%+ growth in daily feature usage and also allowed the feature to be more flexibly applied to future subscriber-focused initiatives.

Overview
Beli is a restaurant review and tracking app that aims to make dining out more social. One previously under-discovered feature was reservation sharing, an in-app space where users could share and claim existing reservations.


During my summer internship, I redesigned the reservation sharing feature by creating new reusable components, establishing new entry points, and introducing priority status incentives. My designs contributed to a peak of 200%+ growth in daily feature usage and also allowed the feature to be more flexibly applied to future subscriber-focused initiatives.

CONTEXT


Getting a dinner reservation in NYC is harder than it should be.

CONTEXT


Getting a dinner reservation in NYC is harder than it should be.

With bots and scalpers in the mix, it’s often practically impossible to snatch a table—even if you refresh the page the second spots supposedly drop. On Reddit forums and dating apps alike, users bond over the shared frustration of trying to have a nice meal without needing a 30+ minute wait.

With bots and scalpers in the mix, it’s often practically impossible to snatch a table—even if you refresh the page the second spots supposedly drop. On Reddit forums and dating apps alike, users bond over the shared frustration of trying to have a nice meal without needing a 30+ minute wait.

CURRENT FLOW


Beli already had a solution, but hardly anyone was using it.

CURRENT FLOW


Beli already had a solution, but hardly anyone was using it.

The Reservations Hub is a place where users can post their unwanted reservations to be claimed by other users. It helps the poster avoid a potential cancellation fee and gives the claimer the option to snag up a table at businesses that might otherwise be fully booked for the night. However, it was hard to achieve these exchanges because no one was interacting with the feature.

The Reservations Hub is a place where users can post their unwanted reservations to be claimed by other users. It helps the poster avoid a potential cancellation fee and gives the claimer the option to snag up a table at businesses that might otherwise be fully booked for the night. However, it was hard to achieve these exchanges because no one was interacting with the feature.

PAIN POINTS


The existing feature was hard to find and confusing to use.

PAIN POINTS


The existing feature was hard to find and confusing to use.

Through surveys and feedback from online forums, the most pressing issues with the reservation hub were identified.

Through surveys and feedback from online forums, the most pressing issues with the reservation hub were identified.

Entry points were difficult to discover.

Entry points were difficult to discover.

Of all newly onboarded users from a 2-week time frame, an average of <9% of users opened the feature and clicked through the feature's onboarding screens.


After gathering more feedback, learnings reported that the vast majority of users had never shared or claimed any reservations.

Existing incentives were too vague.

The feature intended on incentivizing users through a “priority level” system—more reservations shared equals higher priority, equals early access to postings.


However, the current copy of “Reservation Priority Level: (Your level)” was unclear. Most users who did make it to the reservations hub were confused about what this box even meant and did not feel any urge to further explore the feature.

My goal was to give the Reservation Sharing feature clarity, increase ease of discovery, and bring delight to the experience.

ITERATIONS


A new flexible modal to address multiple objectives.

ITERATIONS


A new flexible modal to address multiple objectives.

My first step was to rethink the priority leveling system. After analyzing other examples of in-app leveling incentives, I settled on visualizing a new leveling system through a progress bar modal. I wanted the new design to clearly display to users how they could increase their priority level and consistently offer a clear visual of their earnings.

Iterating through the progress bar.


After an initial design, I worked with the co-founders to determine how the component could be more effective.

UPDATED USER FLOW


Eliminating extraneous clicks so users could get their reservation faster.

UPDATED USER FLOW


Eliminating extraneous clicks so users could get their reservation faster.

I also conducted an evaluation of the current flow and how the number of steps required to claim a reservation may have affected users’ attention spans and willingness to explore the feature. The new progress bar entry point and a redesign of CTA buttons on the main hub allowed for 2 extraneous clicks to be eliminated.

DESIGN DECISIONS


The pillars for the new reservation hub.

DESIGN DECISIONS


The pillars for the new reservation hub.

Rebranding feature onboarding


One of my broader goals during my summer internship was to start the groundwork for a design system that communicated a more compelling brand identity.


As such, I updated the feature onboarding flow with more captivating illustrations towards a more cohesive brand.

Gamifying the new entry points.


Tk

Tidying up the entire feature.


Tk

My final design resulted in an increase of 200%+ of the feature's daily usage following release. There was also a statistically significant increase in unique users whose reservation priority increased.

My final design resulted in an increase of 200%+ of the feature's daily usage following release. There was also a statistically significant increase in unique users whose reservation priority increased.

FINAL DESIGNS


An updated reservation hub, gamified progress bar component, and design system improvements.

FINAL DESIGNS


An updated reservation hub, gamified progress bar component, and design system improvements.

Onboarding

Users are first welcomed by a mission-level onboarding slideshow. This conceptual experience gives an introduction of the Times’ brand and identity.

Users are first welcomed by a mission-level onboarding slideshow. This conceptual experience gives an introduction of the Times’ brand and identity.

Users are first welcomed by a mission-level onboarding slideshow. This conceptual experience gives an introduction of the Times’ brand and identity.

Users are first welcomed by a mission-level onboarding slideshow. This conceptual experience gives an introduction of the Times’ brand and identity.

Landing/Map Navigation

The landing page is an immediate reconstruction of the museum space with accompanying navigation modes.

The landing page is an immediate reconstruction of the museum space with accompanying navigation modes.

Different navigation options allow the user to sift through different artifacts and see their relative space in the actual museum.

A pop up menu also accompanies each artifact page, allowing users to navigate freely during their reading experience.

Artifact Page

Reading the Narrative


Each artifact page contains sections and interactions that were focused on visuals of the artifacts. We wanted readers to have a graphic-first and text-second experience, focusing on the materiality of the objects. Interacting with artifacts is meant to be immersive and tangible—as if you were handling these items yourself.

Reading the Narrative


Each artifact page contains sections and interactions that were focused on visuals of the artifacts. We wanted readers to have a graphic-first and text-second experience, focusing on the materiality of the objects. Interacting with artifacts is meant to be immersive and tangible—as if you were handling these items yourself.

Discovering the details


Each artifact has a unique story with fascinating details. Using clickable inline buttons and a bottom sheet, users can discover small easter eggs and revisit what they’ve already collected for each artifact.

Discovering the details


Each artifact has a unique story with fascinating details. Using clickable inline buttons and a bottom sheet, users can discover small easter eggs and revisit what they’ve already collected for each artifact.

DISCOVERY


People want to see the museum made available to everyone, everywhere.

DISCOVERY


People want to see the museum made available to everyone, everywhere.

Our team began our project with a guided tour of the museum, led by retired journalist and museum curator, David W. Dunlap. We gathered the following from his tour:

Our team began our project with a guided tour of the museum, led by retired journalist and museum curator, David W. Dunlap. We gathered the following from his tour:

Honest Representation of History


Between jokes and skits, David made sure his narrative of the Times’ acknowledged some harsh truths about events from the collection.

Honest Representation of History


Between jokes and skits, David made sure his narrative of the Times’ acknowledged some harsh truths about events from the collection.

Honest Representation of History


Between jokes and skits, David made sure his narrative of the Times’ acknowledged some harsh truths about events from the collection.

Chronological Order


David guides the audience from the beginning of the Times through the two cases that showcases most recent notable moments.

Chronological Order


David guides the audience from the beginning of the Times through the two cases that showcases most recent notable moments.

Chronological Order


David guides the audience from the beginning of the Times through the two cases that showcases most recent notable moments.

Stories in the Present


The Museum is a living piece of history. Throughout the years, new exhibits are curated from the stories told today.

Stories in the Present


The Museum is a living piece of history. Throughout the years, new exhibits are curated from the stories told today.

Stories in the Present


The Museum is a living piece of history. Throughout the years, new exhibits are curated from the stories told today.

There's a lot of valuable information that employees and journalism fans alike can gain from the museum. When a NYTimes article introduced the opening of this museum in 2021, many subscribers were eager to see it open to the public, or at least have access to a virtual tour.

TAKEAWAYS


Tk

TAKEAWAYS


Tk

Tk

Tk

Learning to design for sustainable feature growth


How will we reframe metrics a month out from initial launch? How can we shift our priorities and allow this feature to help with different business opportunities?

We incentivized our users too well…


Tk

Tk


Tk

Tk


Tk

Thanks for visiting my corner of the Internet!


Stay and explore the sights, if you so choose 🧃

QUICK NAV


WORK

ABOUT

CONTACT


LINKEDIN

RESUME

© Christina Su 2024

Last updated: October 2024

Thanks for visiting my corner of the Internet!


Stay and explore the sights, if you so choose 🧃

QUICK NAV


WORK

ABOUT

CONTACT


LINKEDIN

RESUME

© Christina Su 2024

Last updated: October 2024

Thanks for visiting my corner of the Internet!


Stay and explore the sights, if you so choose 🧃

QUICK NAV


WORK

ABOUT

CONTACT


LINKEDIN

RESUME

© Christina Su 2024

Last updated: October 2024

Thanks for visiting my corner of the Internet!


Stay and explore the sights, if you so choose 🧃

QUICK NAV


WORK

ABOUT

CONTACT


LINKEDIN

RESUME

© Christina Su 2024

Last updated: October 2024