Coffee Meets Bagel
A dating app that helps people find their special someone.

Available on iOS and Android

3 cmb screens.jpg

How Coffee Meets Bagel works

Everyday at noon, users receive several, highly curated matches based on our sophisticated matching algorithm and can choose to Like, Pass, or Connect. If there is a mutual Like, a private chat will open for both parties to chat for seven days.

What is my goal

My goal is to design an engaging experience that connects people virtually and transforms the virtual connection into something real. There are certain things in real life dating that cannot be replaced by online dating. The differences often lead to user frustration. To reduce this frustration and create something better, I listen to my users' needs, and design for their need instead of their want.

My role

I design features from conceptualization to launch. I follow an iterative process that incorporates ideation, information architecture, user flows, mockups, prototypes, usability testing, and team feedback to create meaningful experiences and help people meeting their special someone.

Who do we design for

When designing a dating app, we always have to keep in mind that

1. Men and women behave very differently when it comes to dating online

2. Other than gender, differences in age, location, popularity varies each person's experience

3. The ultimate goal that motivates users is to connect with people


There are other things that make CMB uniquely different from other dating apps. We value quality over quantity. We optimize for the female experience. These core values are the foundation for developing our products.


They way we build

  1. Frequent and fast feedback loop. In the early stage of a product feature, once we have an initial goal, we design low fidelity prototypes, send out surveys, and look at supportive data to help us define the product. We iterate on the idea and test with users that have different levels of familiarity with the app and different genders. Depending on the product type, we may have more criteria of the testers.


  2. Collaboration and openness. We share initial designs with the team as early as we can. This helps seed our design culture and the feedback from the team is so valuable that it always reminds me that I have to listen to the users more.

  3. Good process makes good product. Rethink what works and what doesn't. Having a good process will minimize time investment and mistakes from communication gaps. When designing an innovative idea it’s possible that a different process should be utilized because the existing process doesn’t fit the need.

In early stage of product development, make prototypes and test relentlessly to make iterations before defining the product will help us verify assumption and adjust directions.

Features I have worked on ↓

Coffee Meets Bagel - Activity Report
Reveal user activity data to prevent ghosting


On your match's profile, you can see how often they initiate chat, how responsive they are to chats, how quickly they respond to messages, and if they have been online recently.


Key objectives

Give users more insight into their matches before connecting. Increase chat reciprocation by making users aware that their activity level is visible to their potential matches.

Research on behaviors, needs, and goals

We make low-fidelity prototypes to validate our hypothesis and set goals to discover the following:

1. How men and women react differently to this concept?

2. Is this data valuable to users?

3. What data is more valuable to users? Why?

We found that both men and woman would find these data points helpful and women were more likely to screen people if they knew their match’s activity level.

How to display the report

We considered several ways to display the report data. We arranged the data in different formats and structures to understand which is easier to understand, and which is more impactful. We validated the design by sending out surveys.

Questions we want to find out in usability tests

1. What is the discoverability of the feature?

2. Is the value proposition clear to users?

3. Is the purchase flow frictionless?


Engadget  Mashable

Coffee Meets Bagel - Photo Lab
Get feedback on finding the best profile photo


There are two parts of the feature: uploading and voting. In the upload stage, users can upload their pictures to get feedback. Once a user has uploaded her photos, other users can vote for the photos that would be good to use.

Key objectives

A lot of users have a hard time picking profile pictures. We wanted to provide a service that allows users to get feedback on their photos.

Ideation and iteration


Use 'likes' on photo as feedback to indicate how popular is the picture


The idea of liking a photo and liking a profile is hard to differentiate. May cause confusion.


Can the problem be solved by UI? Changing 'likes' to 'thumb up'.


Through user testing, we found that the confusion can not be solved simply by UI. We decided to move it away from user's profile and make a separate section. 


Simplify the interaction by reducing the number of photos to 2. 


Showing photos horizontally is a lot easier to compare than stacking photos vertically.

Purchase Photo Report flow

Coffee Meets Bagel - Subscription Design
Introduce premium subscription package to users


Users can subscribe to premium for a given duration. After subscribing to premium, users will be offered upsized Bean packages in the shop.

Key objectives

Design a subscription interface that is effortless and transparent.

Value proposition (saving)

Multiple terms

Keep it short & simple

Call to action

Value proposition

(package description)

Coffee Meets Bagel - Reopen Chat
Reopen chats after it expired in 7 days
Coffee Meets Bagel - Spinner
Spinner animation