FangFang

A virtual assistant that collects housing and roommate information for struggling renters.

Project Objective

In 2018, I worked on Fangfang at 58.com as a UX Design Intern. Over the summer, I led the research and design of this project, and collaborated with product experts in the company. Product experts included data analysts, UI / UX designers, researchers, design leads and product managers.  

My Role

Research
Ideation
Prototyping
Usability Testing
Motion Design
Video Editting

Tools

Sketch
Principle
Illustrator
Photoshop
Premiere
XMind

Duration

Research - 2 months
Design - 1 month

Background

58.com Inc. is China's largest classified online marketplace. It was launched in 2011 and now has around 100 million users.

58.com contains local information across various content categories, including jobs, real estate, used goods, automotive and yellow pages. In 2018, we found out that many users were looking for shared homes due to increasing rent in big cities. The company wanted to improve the product experience, and I was helping to explore and redesign a product for 58 users.

I continued the design after I left the company, including a new visual guide for Fangfang.

The Challenge

More and more young people come to bigger cities to pursue better futures. To stay, they need to rent a place to live. 


But it’s really hard for renters to find good roommates and a nice home at the same time.

- People gradually lose their patience throughout the process.
- Passive communication brings problems between roommates.
- People feel helpless but there is nothing they can do.

How might we help renters find appropriate homes and roommates at the same time?

The Solution

FangFang is a virtual assistant that collects housing and roommate information for struggling renters.  

Our goal is to help renters find a comfortable home in the bustling city. And Fangfang is an efficient and simple way to offer people a perfect match.

Besides the room information, Fangfang also provides roommates' information at the same time. People can find other people's information by clicking their profiles.

Key EXPERIENCE

Search by location & find a home

Besides location, some users have specific requests such as move-in date, duration, room type, or a roommate’s gender. Users can filter information, and Fangfang will help them match with an appropriate home.

View home information

People can gradually lose their patience throughout the searching process. Fangfang provides detailed home and roommates’ information which helps users' decision-making process.

View roommates' profiles

It can create problems when roommates don't know enough about each other’s lifestyle and background. Users can click on roommates' profiles and get to know them including their lifestyles, personalities, interests, and expectations on their profiles. 

Manage bookmarks & applications

Each user can only apply to three homes. If someone would like to send more than three applications, they’re required to delete previous applications they’ve sent or wait for responses from them.

Strengthen the profile

It’s important for profiles to include details and descriptions! Updating the profile helps landlords and roommates know more about renters during the application process.

Process

The internship was 3 months.  I was responsible for conducting user research and proposing design principles. I finished the final design prototype after I returned to the US.

Research

Research Process

User research was quintessential. I gathered as much information as I could from the end users to understand their characteristics and the challenges they were facing. We interviewed 15 users from different cities. We used various research methods such as empathy maps, mental models, and personas, making it easier to communicate with the team.

Quantitative
research
Competitive analysis
Qualitative research
Empathy map
Semantic profiles
Persona
Ecosystem map
Mental model

Research Findings

After two months of research, we gathered one ecosystem map, three insights, one mental model, and one semantic profile including three personas. These were the foundation for our product directions.

I generated three "How might we's" from our insights, and I used these to organize three ideation workshops in the company. Over 60 people participated and devoted 300+ ideas including researchers, UX designers, UI designers, design leads, and product managers.

IDEATION

Design

Initial Concept

We spent too much time on research and workshops. I only had two weeks to summarize the design. Then, the biggest challenge came -- we had 300+ ideas. I filtered some of them, but we still had 40+ ideas left. With our colleagues help, we decided that Fangfang can help groups of renters join, connect, and find homes together.

Pivot

"We really like your research, but you have too many features on your design..." After the presentation, I received this feedback from my team. My internship ended in August, so I decided to finish the rest of the design by myself. In this second round, I received a lot of positive feedback.

Design and Iterations

Visual Design

Redefine The Search Experience

Search

Based on the research, people have 5+ apps to search for homes. But a lot of information is still unclear. Filter helps renters find homes based on their preferences.

View details

Users can make their decisions by viewing home information and roommates' information. Besides roommates' basic info, it also allows users see their bio, lifestyle, expectations, and personalities in their profiles.

Browse

Users can browse the home list. Fangfang highlights important information, which makes it easier for users to make decisions.

User Flow

Demo

Video Editing

Please note that the video isn't using the latest design :) I am still working on updating the video.

IMPACT

100%

40%

5 Million

The research was utilized in enhancing the product experience for 5 million users

13/13 testers have positive feedback on this concept

40% of testers said they wanted to download this app

Learnings

Tackling the real world problem.

Focus, focus, focus.

This was the first time that I got to know the real world, talk to people and help them solve their problems. Some features had launched on the 58.com app. I still remember at the end of the interviews, my interviewees asked me whether their voices would be heard. I said yes. I was really proud when I presented my research results to the company. Everyone was really into what I had found out. I made it, and I not only allowed their voices to be heard by the company, but also helped millions of users in China.
The biggest mistake that I made was trying to combine to many ideas in one design. When there are too many things in one app, people will feel lost. I learned this lesson, and learned how to prioritize things based on their impact.

This is not the end of this project, I still need to run a several rounds of usability tests and iterations to fix some issues.
Previous project
Netgear Insight
Next project
Routine Ninja

Interested in my work experience?

Let's chat.

get in touch