Overview

Research

Ideation

Prioritization

Final Solution

Learnings

Play

I designed an app called Play, a social fitness app that connects remote workers through active hobbies. My contributions for this project including designing the search page, the forum page, and onboarding pages. I also spearheaded our user research and created Play's design system.

ROLE

Product Designer

TIMELINE

October 2024 - December 2024

TOOLS

Figma, Slack

SKILLS

User research

Wireframes

Prototyping

ROLE

Product Designer

TIMELINE

October 2024 - December 2024

TOOLS

Figma, Slack

SKILLS

User research

Wireframes

Prototyping

RESEARCH

Background

Since graduating college, many of my friends and I talk about how hard it is to make friends as an adult. Everyone’s moved to different cities across the U.S., as seen by my Find My app depicted on the right.

A lot of my friends work remotely, so I was curious if working remotely was a large reason as to why people felt lonely.

RESEARCH

Target users

Since young adults aged (24 to 35) make up the majority of remote workers, we decided to focus on this user segment during our user research.

Young remote workers between the ages 24 to 35

Young remote workers between the ages 24 to 35

RESEARCH

User Interviews

We launched a survey across 4 platforms to learn more about what factors contributed to young remote workers feeling socially isolated and what they looked for when making friends as an adult.

  1. Physical distance.

Respondents mentioned physical distance from others made them feel lonely.

  1. Hard to meet new people.

Because of their lifestyle, respondents weren't seeing new people frequently.

  1. Difficulty scheduling.

53.3% of respondents said they found it difficult to coordinate time to hang out.

53.3% of respondents said they found it difficult to coordinate time to hang out.

53.3% of respondents said they found it difficult to coordinate time to hang out.

We found that 93.3% of respondents prioritized shared interests as a key factor when finding friends, over other factors like gender, age, and even location!

💡

How might we connect young remote workers to others that share similar interests?

IDEATION

Coming up with different solutions

We launched a survey across 4 platforms to learn more about what factors contributed to young remote workers feeling socially isolated and what they looked for when making friends as an adult.

  1. 1:1 Matching

Similar to dating apps but instead for users to find people based on shared interests.

  1. B2B Service

We collaborate with companies to encourage employees to socialize more.

  1. All-inclusive

An app with a broad range of activities for users to sign up for and meet new people.

An app with a broad range of activities for users to sign up for and meet new people.

An app with a broad range of activities for users to sign up for and meet new people.

1:1 Matching - User flow of finding a person and then searching for similar interests was more tedious than meeting people through an activity you both enjoy.

B2B Service - While designing a B2B solution would be an effective way to encourage young remote workers to socialize, we felt we didn’t have enough resources and time to interview business owners and thus could not design for them with our app.

All-inclusive hobbies - We felt that including all hobbies was too broad and was not specific enough to our target user segment, so we decided to try narrowing down the types of hobbies for better alignment with our target users’ wants and needs.

IDEATION

User Interviews

We conducted user interviews to learn what type of hobbies young remote workers might be most interested in.

“I play pickle ball for social reasons and for enjoyment.”

“I play pickle ball for social reasons and for enjoyment.”

“I’m considering joining a run club or doing a marathon.”

“I’m considering joining a run club or doing a marathon.”

“I go to the gym pretty often, but I’ve also been trying to get into a sport.”

“I go to the gym pretty often, but I’ve also been trying to get into a sport.”

PRIORITIZATION

Narrowing down the solution

Through our user interviews, we found that a majority of user interviewees enjoyed physical activity, doing things like weight lifting, pickleball, or volleyball. Thus, we decided to design a focused hobby app to connect young remote workers.

Focused hobby app

Focused hobby app

Need to socialize

Need to socialize

Passion for fitness

Passion for fitness

FINAL TOUCHES

Testing with users

We tested our initial lofi wireframes with 3 students to learn about users' experience with on our initial designs and note possible areas of improvement. I highlighted iterations on the Search and Forum pages that I designed.

Iteration #1

Iteration #2

Iteration #3

Iteration #4

FINAL TOUCHES

Style Guide

I designed this to create cohesion across our wireframes since we all worked on separate features. I chose the color orange to represent socialization as it exudes friendliness and cheerfulness. I also chose the font Poppins because it was childlike and playful, which reflects the essence of our app, Play.

Primary Color

Hex

#C75400

USE

Used for buttons or links

Darkest variation

Hex

#331814

USE

Primary text (headings, body content, labels)

Dark variation

Hex

#735450

USE

Secondary or supporting text

Medium variation

Hex

#A88A87

USE

Used for non-decorative borders on interface elements like form input fields

Light variation

Hex

#F2DCDA

USE

Used for decorative borders (separate interface elements)

Lightest variation

Hex

#FAF5F5

USE

Used as alternative background to differentiate from main white background

White

Hex

#FFFFFF

USE

Background

THE SOLUTION

How Play works

Find an activity

Find events that fits into your lifestyle. Engage in active hobbies near you and meet new people.

Communicate with others

Connect with people by joining events. Reach out to anyone in the same event group!

Post your activities

Capture your memories and invite new people to attend! Explore what others are up to in your city.

LEARNINGS

Key Takeaways

Design is rarely, if ever, linear in practice.

While familiar with the double diamond process in design, my team and I found that our design process was very iterative and cyclical in the sense that we’d go back and forth between research, design, and testing.

This practice teaches us how to better navigate ambiguity and prepare for real-world design projects!

There is an opportunity to learn every step of the way.

This was the first time I collaborated with international students on a team. There were definitely challenges with communication due to the language barrier.

However, I also found myself learning a lot due to the cultural differences. For example, they had a lot of experience with designing "super apps" in China, and it made me consider how culture influences design.

Let's chat about design, books, & more!

Let's chat about design, books, & more!