fb_midbox.png

Facebook Welcome

A Case Study

 

Facebook Welcome — Simplifying refugee housing by enabling community members to offer temporary shelter through intuitive app interactions.


Tools

Sketch

Illustrator

Principle

After Effects

Wireframing

Prototyping

 

MY Role

UX

UI

Visual Design

Illustrating

 

Problem

In North America, refugees face significant challenges integrating into local communities due to political climate and societal hostility. There's a pressing need for a service that fosters acceptance and aids in the seamless integration of asylum seekers.

 

Solution

Introducing “Facebook Welcome", a proactive feature leveraging Facebook's Crisis Response platform to empower users to educate themselves on the refugee crisis and offer assistance within their communities. This solution aims to bridge the gap between refugees and local communities, fostering a welcoming environment and facilitating integration through informed action.

UX

|

UI

|

Visual Design

|

Illustration

|

Wireframing

|

Prototyping

|

UX | UI | Visual Design | Illustration | Wireframing | Prototyping |

FBillustrations-01.png
 
 

Research

Prior to the development process, I began conducting thorough research of the refugee crisis, with a focus on North America. As I was given a timeframe of 4 weeks, I decided to scope my research to predominantly focus on North America. Given the political climate in America and the hostility received by refugees, there was a clear need for acceptance of diversity. The question proposed was - how do we design a service that provides asylum seekers a welcoming environment and affords better integration into our community?

 

The audience

Then, I began defining the target audience in the domain, which includes community members who are looking to help. I then formulated a list of user goals for the target audience. In order to further strengthen my research, I decided to conduct an interview with my user group in order to gather insights on their needs and current pain points. I did get a chance to interview someone who volunteers their time at Save the Children and works with refugees. The interview process allowed me to gain further insights and offered an understanding of opportunities where to intervene.

 
 
“I think a lot of people want to help, they just don’t know how to.”
— Johanna, Volunteer at Save The Children
 
 

Opportunities

I then formulated a list of opportunities where we could intervene and offer services. I then narrowed it down to three different opportunities, each aiding a different pain point asylum seekers face once in a new environment:

  1. Providing more tools to individuals in a local community looking to play a role in this large global crisis.

  2. Easing the process of refugees integrating themselves within a new and foreign environment.

  3. Easing the tedious and stressful challenge of refugees interacting and understanding local government.

 
FBillustrations-05.png
 

A proactive solution

Facebook's new community-driven mission statement delivered in the summer of 2017 shows the social network's shift to a community-building approach. With Facebook Crisis Response, a feature that allows users to find information about the recent crisis, and allows users in the area to find and provide help thereby aiding the recovery effort. Facebook's Crisis Response approach currently is reactionary, whereby it only goes into effect after a crisis occurs. I decided on leveraging this feature and creating a more proactive approach - Facebook Welcome. This new feature fits well into their current ecosystem and allows users to educate themselves on the growing refugee crisis in turn allowing them to provide help and create an impact within their communities.

 
“To give people the power to build community and bring the world closer together.”
— Facebook's Mission Statement
 
 

Their journey

I then began mapping out the user’s journey, addressing key touchpoints. Leveraging Facebook's feature of targeted content, Facebook is better able to target this feature to users interested in their new feature. The primary touchpoint being the application process. Through my research of various charity organizations, there was a correlation with regards to people who would like to volunteer to provide shelter, all of the organizations required users to fill information into a form. I then consolidated all the information required and presented it within a form.

 
 

Prototyping

I then created quick wireframes focussing on various interactions, with the form being the primary focus of the application process. As filling out the form is a significant touchpoint within the application, I had to ensure that users would have a seamless interaction. I decided to create a form that presented the user one question at a time rather than the traditional long forms. Through user testing, this version proved to be more engaging and less overwhelming to the users.

 

01. awareness

Newsfeed

fb_awareness.gif

02. engage

About & Onboarding

ezgif.com-gif-maker (4).gif

03. application

Form

ezgif.com-gif-maker (3).gif

04. re-engage

Be Part Of A Larger Community

reengage.gif

05. re-engage

Follow Up

followup.gif

06. finalize

Evaluation

ezgif.com-gif-maker (7).gif
 

Illustrations by Malcolm Kutar

Thank you, next

〰️

Thank you, next 〰️