Product design · CMU course project

Hive Five: Group meetups for Bumble BFF

The brief asked for “nearby like” notifications that nudge free users to upgrade. The course data and the actual problem BFF users had took me somewhere else: people matched, but the meetups never happened. Hive Five books a table for you and four strangers with shared interests: five people in total.

Try the interactive prototype
Three Hive Five screens: this week’s events, an upcoming dinner counting down, and the booking confirmation
Final design: browse the week’s events, book a seat, and the details unlock as the day approaches.
Course
Advanced Interaction Design · Carnegie Mellon · Spring 2026A concept, not affiliated with Bumble.
Team
Individual project
Deliverables
iOS flows · Notifications, Apple Watch and Android · Web entry point · Concept pitch
My role
Research and reframing · Data analysis · Interaction and visual design · Figma design systemFeedback came from peer critique in class; the concept was not usability-tested.
Design file
Open in Figma The full design

Project outcomes

This project started from a growth brief that specified the feature to build.

I first used the brief’s own data and a closer look at the users to judge which problem was more worth solving, then steered the design toward something people would actually show up for.

3.12%premium conversion for Friends mode in the course dataset, ahead of Dating (2.03%) and Bizz (2.17%)
5people per event: you and four others, matched on interests, neighborhood and budget
4states of the event page: upcoming, one day out, ongoing, passed
3surfaces beyond the iOS app: Android, Apple Watch, and a web entry point
01

Brief and data

The brief: turn a nearby like into an upgrade

The course brief cast me as the designer on a Bumble customer-acquisition team. Free users rarely have a “now” reason to upgrade. A like from someone close by was meant to be that reason: high intent, relevant, and spontaneous, with Premium revealing who it was. The target was 12% of exposed free users upgrading within seven days, with guardrails on blocks, reports, and location opt-outs. The design had to cover mobile, desktop and watch.

The brief also came with a dataset: conversion, retention and adoption figures for two location features, Proximity Alert and Map Integration, split by Bumble’s three modes. It was course-provided, not real Bumble data, but it was the evidence I had, so I started there.

3.12%Friends (BFF) · 2.93% for Map Integration
2.17%Bizz · 2.23% for Map Integration
2.03%Dating · 1.99% for Map Integration
100rows per feature in the course dataset, averaged by mode

Friends mode converted best

I had assumed dating would convert best and planned to design there. Friends mode led both experiments instead. It was the lowest-risk, highest-confidence place to introduce a paid feature, so I moved the whole project to Bumble BFF.

02

Concept and reframe

First concept: a map of friends nearby

My concept pitch followed the brief closely. Emily has a few BFF matches but has never met any of them; they live too far apart to make plans. One day a nudge tells her friends are nearby, Premium shows her where, and she sees Ashley at a coffee shop around the corner. She messages Ashley, and they meet.

The pitch tied it back to the business goal: a premium moment with high intent, clear value and low risk for conversion, and a repeatable loop for retention.

Emily: Emily uses BFF on Bumble
Emily: She has a few matches but has never met any of them: they live too far apart to make plans
The app: One day, a nudge: friends are nearby, and Premium can show where

Breaks here: What if she’s in a meeting or on an errand and can’t get away? Every such case needs its own screen.

The app: After she upgrades, the map shows Ashley at a café around the corner

Breaks here: Ashley’s live location goes to someone she has never met: the safety risk the brief warned about.

Emily: She messages Ashley, and they meet
Redrawn from the “How it Works” storyboard in my January 2026 concept pitch, with the two places it broke.

Why I didn’t build it

Walking through realistic scenarios broke the idea. The brief said nothing about what happens when the nudge arrives while you are in a meeting or on an errand and can’t get away, and every such case needed its own screen. Showing live locations in a friends product also raised exactly the safety stakes the brief warned about.

There was also a problem the alert couldn’t solve. AI-assisted desk research on BFF complaints and my own experience with social apps pointed to the same pattern: matches rarely turn into plans, and most conversations fade out. What was missing was a concrete plan; distance mattered less.

From Hangouts to a table for five

After dropping the nearby-friends map, I explored BFF Hangouts: user-hosted meetups for 2–8 people. I then moved to an app-arranged table for you and four strangers. “Sell the seat, not the signal” became the principle at the same time.

The first home screen below was AI-generated before the first critique. Its generic patterns and heavy gradients stood out. I then kept AI for small components and redesigned the screens by studying Bumble’s app.

Before · AI-generated first pass

Dark BFF Hangouts Activity home with nearby meetups, participant counts, gradient cards and red and yellow hand-drawn flow annotations
BFF Hangouts. Red and yellow lines are the original flow annotations.

After · Final design

Final Hive Five home with a white background, a Meet people in New York City heading and illustrated Dinner, Night Run and Coffee Chat event cards
Hive Five. Choose from the week’s events.

Select either screen to view the full-size image.

  1. 01The product’s job ends when people meet

    Every screen exists to get five people to the same place at the same time, then get out of the way.

  2. 02Sell the seat, not the signal

    Premium buys a booked event, which gives people a reason to pay now. A hint that still needs a reveal doesn’t.

  3. 03Safety by default

    No live location. Who else is coming stays hidden until the event has happened.

03

Final design

Interactive prototype

A re-creation of the final design. Open Hive Five and book an event, then move the clock forward and watch the event page reveal the restaurant, the group and, after the event, the people. Open the full design in Figma

This interactive prototype needs JavaScript. The sections below show the design’s screens.

The home page lists events, with nothing to swipe

Hive Five lives in the People tab. The home page is a list of this week’s events in your city, each with a type, a date and a time: Dinner, Night Run, Coffee Chat, Drinks, Hike, Brunch. There are no cards to swipe and nobody to rate; you just pick an evening.

The same page carries your commitments. Once you book, “You’re in!” sits above the list with the date and neighborhood; after the event it moves to “Past Event”, where the group is waiting.

Booking takes three answers

Signing up asks only what the matching needs: which part of the city, which languages you are happy to speak and what you would spend; dietary restrictions are optional. A review step shows the summary before you confirm, and the confirmation is a single screen: “You’re all booked!”, with the date, the time and the neighborhood. The venue and the group come later.

Free to browse, premium to sit down

Free users meet Hive Five as a card in My groups and can read what it is. The paywall appears at the point of highest intent, when they want a seat: a monthly plan with a seven-day trial for unlimited sessions and priority matching, or a one-time session for a single event, so the first dinner doesn’t require a subscription. A short welcome sets the tone before the first booking: “Take a chance, relax, and just say, Hello stranger.”

An event page that changes with time

One event page carries the whole lifecycle. Before the event, a banner counts down (“Starts in 4 days and 7 hours”, then “Starts in 1 day”). Three days out, the restaurant unlocks, along with a sketch of the group: its industries, schools and nationalities, but not who they are. During the event the banner reads “Ongoing event”. Afterwards it reads “This event has passed”, and the people appear.

Two dialogs do the guarding. Cancelling is allowed, but the page says plainly that you lose your spot. Tapping the participants early gets a “not yet”: for privacy and safety, who else is coming is only shown after the event. Say hi after dinner.

After the night, a way to stay in touch

Once the event has passed, the page shows who was at the table. Tap any participant to see their profile: a photo, a short bio, their interests and the groups they belong to. A message button on the profile lets you keep talking with people you have already met.

The same profile also lets you report or block someone. Meeting in person first already lowers the risk, and these safety controls cover the rest.

Notifications that follow the plan

The brief was about notifications, and Hive Five still needs them, but each one is tied to a step of the plan rather than to someone’s location. A confirmation says the restaurant has been booked. A Live Activity on the lock screen keeps the venue and the time in view while the event is on. Afterwards, one message says the profiles are unlocked.

Apple Watch: only what is time-sensitive

Bumble BFF has no Apple Watch app, and Hive Five doesn’t need one. What belongs on the wrist is the handful of alerts that matter at a specific moment: the event is tomorrow, more details are unlocked, the restaurant is confirmed.

Three Apple Watch notifications from Bumble: one day to go till your dinner, more event info unlocked; and two further event alerts
Watch notifications for the moments that can’t wait.

Android, and a deliberate no to desktop

The Android version keeps the same design and adapts only what the platform changes: device sizes and the status bar.

The brief asked for desktop too, and I decided against it. BFF has no web product, and the feature depends on phone capabilities such as instant notifications. What the web does have is a marketing page for BFF, so I added a Hive Five entry to its Friends tab: a short pitch and a QR code that opens the feature in the app.

Android version of the Hive Five home page with the same event list and an Android status bar
Android: same design, platform conventions.
Bumble BFF landing page with a Hive Five panel on the Friends tab: the copy reads “groups of 5 people with similar interests”, with a QR code to try the feature in the app
Web: an entry point on the BFF landing page instead of a desktop app.
04

Reflection

What I learned

The concept was reviewed in two rounds of peer critique and presented at the end of February. It was not tested with BFF users, so what I can claim is the reasoning, not the results. The next step would be to test the sign-up and the hidden-participants rule with real BFF users, then A/B the paywall framing.

  1. 01Reframe before you draw

    Following the brief as written would have meant designing edge cases for a feature that didn’t solve the real problem. Reframing cut the work and made the solution cleaner.

  2. 02Data sets the direction, judgment sets the details

    The dataset changed which product I designed. The interaction decisions came from critique and product judgment, which is where testing and A/B experiments come in later.

  3. 03Keep ownership of design decisions

    AI can generate a screen quickly; deciding whether it fits the product is still my job.

  4. 04Not everything needs to be a component

    I started by making everything a component, including the phone frame. A design system pays off in variants and states once the product grows; before that it is overhead.

Next case study

At Meta · iOS feature design and delivery Clickable Category on Instagram