Simple Mockup Free Scene-Recovered.jpg
Transforming Work From Home

PROJECT

Mobile Design: Huddle Space App

TEAM

Solo

BACKGROUND

RESPONSIBILITIES

User Research

UI Design

DURATION

6 Weeks

Since the pandemic, everyone is working from home. Lack of human-to-human communication and a long day with a computer can be stressful. Many people often feel a disconnect from their co-workers and sometimes feel left out. How can we promote digital wellbeing in work from home environment is important.

 

For this project, I focused on how to create a mobile app to promote connection/collaboration between employees while ensuring mental and physical health.

MY ROLE

Product Designer

The Challenge

How to corporate the concept of digital wellness to improve the experience of working remotely?

Goal

1. How might we incorporate a physical office atmosphere into the digital world? 

2. How might we promote communication and reconnect co-workers

3. How might we help workers reduce stress & better health habits

Office-Cubicle-Farm-1.jpg

Workplace in the old days

Working & Working

Collab1.jpg

Modern workplace

Collaborative Working

Emphasis on company culture & morale

753cc47eb2634f2872c70e990136339f.jpg

Pandemic workplace

No Collaborative

Just you & work

Solutions

01

Less formal, more communication

02

Set up a "take a break" reminder

03

​Share interest

04

Adding channels, for employees to join and discuss fun and interesting ideas with their colleagues such as hobbies, inspirations, work-related topics, and others

05

Transforming the modern work office trends into the app 

Preview

Process

Online Surveys 

User Interviews

Persona Development

Competitive reviews

Finding

Site Map Creation

Crazy 8

User Flow

Low/Mid-Fidelity Wireframe

Re-branding ideas

Paper prototyping

High-Fidelity

Wireframe

Prototyping

 
Discover

What is digital wellbeing in the corporate world?

01

Better corporate atmosphere 

02

Find Focus

03

Avoid digital detox or overload

04

Add wellbeing content

Listen to Users

After I conducted surveys and interviews, I've received many valuable feedbacks from participants that are currently working remotely. 

“No clear lines of when work starts and stops / expected to always be available for work”

“Lack of physical meet up, but we have already established a relationship before doing all remote.”

“I find it harder to disconnect from my devices
since it’s how I connect to others and responsibilities.”

"It seems that some colleagues are working harder than ever, while others are completely slacking off."

Persona

This persona was created with observations, interviews, and questions from multiple participants. I created 3 personas showing working professionals with different experiences and needs. 

Cynthia

Design Intern

2 Months of experience

Molly

 Architect

7 Years of experience

Rob

 Senior Manager

26 Years of experience

Research
Competitive Review
Goal Evaluate competitors that provide a platform for people to meet and collaborate, specialized in the workplace. 
Key Insights 
1200px-Microsoft_Office_Teams_(2018–pres
91_Discord_logo_logos-512.png
Microsoft Teams (Direct) | Users enjoy all the tools are in 1 location but want to keep it simple. The lag-less connection anywhere around the world is really mind-blowing. People also wanted more integration such as Google Drive. 
Discord (Indirect) | Discord can be a learning tool on how to get along with others. It’s less business-like, you can easily switch between work and home. It is great for voice channel or just normal text channel chatting, Users are having more control over the other users such as volume without interrupting others.
 
My thoughts ..... 

I have found that most people enjoy the personalization and emotional design of the app such as emojis👍. Health concern and stay connected is one of the major struggles of many employees. Missing the company vibe, morale, and loneliness are other major downsides of remote working. Many companies are shifting their company culture to make the working environment as collaborative and fun as possible to attract the younger generations but with working from home, how can companies transfer this idea into the digital world? 

 
Design
Crazy 8

I partnered up with 2 classmates(Manasi & Leslie) for this activity to brainstorm different ideas to help each other think outside the box. 

62363823774__C02B61B1-4C64-4C6E-9FD8-440

How might we________?

1. Reduced stress from work

2. Take a break 

3. Connect co-worker remotely

4. Avoid working endlessly

5. Promote a healthier lifestyle

User Flow & Wireframe

I created a wireframe mapping out the user flow to get started.

Flow

I hand sketched out the wireframe on paper and some ideas.

Screen Shot 2021-01-05 at 1.11.00 PM.png
First digital iteration
Screen Shot 2021-01-05 at 1.15.36 PM.png
Then...

Self-evaluation 

Not happy with this outcome. The design style is not constant, for example, 2D vs. 3D...  It's also confusing for users to navigate and understand the function. Some pages should be simplified with 1-2 purposes. 

I also got feedback from others that they liked the idea of collaboration and fun activities among co-workers. I will continue to expand on this idea. 

To create a desirable UI, I created a mood board to help me stay focused and have a better direction of the app's atmosphere. 

Mood board
Then...
MoodBoard.png
 Professional + Fun + Connect 
 
Final Design

Track work tasks & teammates

Idea 1 Never missed any deadlines, create clear communication

Idea 2 Get notifications on project updates

Idea 3 Simple UI

Idea 4 Know your team & teammates

Idea 5 Fun emoji

Don't forget to take a break & improving the company morale. It's important for a company to promote employee recognition, share employee success, and wellness & benefits.

Idea 1 Wellness activities| work-life balance among employees

Idea 2 Livestream events | Promote collaboration and communication

Idea 3 Add Personality | Share music to other co-workers to enjoy

Idea 4 Food | A good way to build trust and share food order

TakeABreak.gif