top of page

Joy, love & loneliness: FAM

How might we give back to our community more thoughtfully this Holiday season?

We as a team of 6 won first place for this Hackathon
I led the end-to-end product design efforts.
Secondary Research, Strategy, Ideation, Interactions, Prototyping, Testing, and Storytelling.

General Assembly arranged a virtual Hackathon for three days.

Problem

In the process of giving back to the community, how can we help and facilitate our community individuals to combat loneliness during the holiday season?

Focus

Individuals lacking family support around the holidays need a safe and collaborative space to provide them access to a loving and welcoming environment.

Research Insights

Key research Insights

I conducted secondary research, i.e., I read articles and papers for our team to understand how and why individuals feel lonely and what circumstances lead to loneliness. As the prompt for the hackathon was ‘Giving back during the Holiday season,’ I honed in on learning about loneliness during the holiday season.

A recent American Association of Retired person survey found that “thirty-one percent of respondents say they have felt lonely during the holiday season sometime during the past five years, and 41 percent have worried about a family member or friend feeling lonesome” (Kerman, 2017).

💡
  • Marginalized communities are disconnected from friends and family

“Thanksdreading: when you’re trans and dreading Thanksgiving dinner bc you’re gonna be surrounded by a whole buncha family that doesn’t know [or] respects your preferred name and pronouns.”

Our society has high expectations for this time of year. The absence of a close family seems magnified during the busy time when we’re all supposed to go to family dinners, exchange gifts, and enjoy jolly feelings with loved ones.

  • Lack of platforms to execute plans during Holidays

“It’s not their fault; it’s the fact that nobody outside our community — with the power — saw the desperate need to foster an environment for us to be together during this time.”

Even if individuals might have a close social group during the year, given the timing of the season, planning dives when close friends are making plans with their families and finding a similar community is hard.

  • Worry of being judged by a new set of people.

“I live-tweet the ridiculous and upsetting comments during the visit, I still feel incredibly lonely and isolated.”

Most individuals feel that they’ll either be attacked or judged for their thoughts if they are invited to social gatherings by distant acquaintances.

Design goals

1 / Make planning during Holidays more joyful, approachable, and accessible.

2 / Provide resources to support connection and collaboration among individuals.
3 / Make sure individuals’ safety and privacy are taken care of.

Design Solution

Key design #1

Get a seat on family dinners during the holidays.

Attendees can choose a time, place, or event where they want to attend an intimate and warm gathering.

Key design #2

Attendees can chat with other event attendees to learn more about them or collaborate with others in planning the dinner menu to feel more involved.

Design Process

Design process

Phase

Exploratory

Define/Ideation

Objective

Finding the specific problem space of what the community is struggling with. 

Discovering why people feel lonely, what they need, and how we might help.

Methods

- Team ideation
- Secondary research
- Competitive research

- Problem statement 
- Persona building
- Competitive analysis

Result

Defined the problem space, design vision, and whom to design for.

Found the major pain points and our primary user.

Design

Exploring directions and variations and learning from what others did well. Turning the concept into a product.

- Defining design goals
- Wireframing 
- user flow

Confirmed the concept direction based on the design principles.

Deliver

Iterating designs to produce the final product.

- Hi Fidelity design
- Usability Testing
- Prototyping
- App development

Built the final product with developers 

Exploratory phase

Competitive research

We analyzed 3 products/services in a similar space of fostering community by introducing new people to each other and sharing warm experiences. We learned from what others did well and what warrants improvement.

Key Insights:

1- We liked Bumble's onboarding process. Its straightforward, friendly, and respectful tone makes the app accessible to all individuals.

2- One table had a great initiative of connecting their hosts with guests for Shabbat dinners on the website.

3- Airbnb offered a visually appealing user experience which fostered trust and confidence in users.

4- Meetup and travello organized events in a very understandable way.

Define phase

Building primary persona:

To better understand the needs and motivation of our target audience and hone in on our primary user, we focused on a member of the LGBTQ community who, based on the secondary research, has most evidently been affected by a lack of family support during Holidays.

Screen Shot 2022-12-22 at 2.41.48 PM.png

Behavior:

Love to celebrate Holidays since childhood, yet feelings of stigma and judgment begin to surface around the holidays, ultimately not wanting to spend time with family members.

Needs:

  • A Holiday support system

  • Accessible and resourceful platform

  • Openly discuss and share holiday happiness with like-minded individuals at dinner.

Pain points:

  • A plethora of anxiety during holiday dinner with family

  • Have a hard time trusting new platforms

  • Lack of peer support during holidays

Design Phase

Design phase

Userflow:

Based on all the research, we thought to build user flow for a user initially using the app around some user experience design principles.

  • Require users to set up a detailed profile for security.

  • Provide clear next steps and facilitate the process.

  • Engage the user's attention on the most critical things in bite-size pieces.

 

Users will follow two important flows if they sign up as an attendee.

*For the given time of this hackathon we decided only to create user flow and screens for signing up as an attendee.

Set up personal attendee profile

Sign up for a dinner

Low/Mid Fidelity wireframes:

We built wireframes and prototypes to receive feedback, iterate, and ensure the flow works. We refined design details to achieve the vision and goals.

We designed around below content strategy principles:

  • The tone of voice should be warm and welcoming.

  • The app should provide features for collaboration and connection before the event.

Name.png
Adding Photo.png
Birthday.png
Gender.png
Location.png

Setting up a personal profile:

- Attendees need to create in-detail personal profiles to help Host in accepting the invite

Choosing a dinner invite

- Filter the events to your choice

- Tap to see event details

- Read reviews about hosts' old parties 

- Exact location of the venue isn't shared till seat confirmation

iPhone 14 Plus - 11 (1).png
iPhone 14 Plus - 3.png

A tool for collaboration

- Chat option for a conversation about event details.

- Menu could be discussed, and items could be assigned

iPhone 14 Plus - 9 (1).png
Chat screen.png
Menu.png
Final Design

Final design

Building profile

Provides step by step assistance from start to create profile

Profile page (1).png
Location copy.png

Includes multiple ways to verify user/host profile for additional security.

Discovery

Any additional questions can be requested by the host.

Filtered feed screen.png

Easy event exploration based on dietary restrictions and filters

Event page.png
iPhone 14 Plus - 4.png
iPhone 14 Plus - 6.png

Before confirmation of a seat at the table, the host has the opportunity to review and verify the profile.

Collaboration

Chat could also be located through bottom navigation menu for other events

Chat option icluded for communication between attendees of the event

Chat screen (1).png
Menu (1).png
Chat selection.png

Attendees have option to build, suggest or assign themsleve dishes for the dinner.

Final Prototype

FAM prototype using React Native

We worked with Software Engineers to convert Fam into a functional prototype. 

Within the given time frame and with technical difficulties, we weren't able to build a 'Verifying profile' and 'Collaborating on menu items' in the actual prototype

What I learned:
  • Understood the differences between online and offline apps.

  • Better form design: what should I specify next to UI specs for handoff

  • Design decisions affect risks, costs, and development efforts.

  • Involving developers in design workflow right from the start of the project adds a powerful new perspective to UX work.

  • How to ask better questions from developers, and how to educate them to ask better questions from you

Reflections

Reflections

I learned tremendously as a designer and a collaborator! We were a very diverse team of engineers and designers. We learned to work together to overcome challenges, adapt to virtual-only circumstances, and develop a design we're proud of as a team!

1 / Collaborating with Engineers.

I learned the importance of handing off organized Figma files with clear annotations for development. Additionally, I understood the technical difficulties that come with prototyping a concept.

2 / Time mangaement

With minimum hackathon time, I learned how we need to prioritize features to build an MVP that solves our problem.

3 / Design Process

I learned that the design process is not always linear and can be tweaked per the project's parameters. We need to innovate methods for ambitious challenges.

bottom of page