Type

Type

Type

Mobile Design

Mobile Design

Mobile Design

Timeline

Timeline

Timeline

4/2023-6/2023

4/2023-6/2023

4/2023-6/2023

Role

Role

Role

UX Designer, UI Designer

UX Designer, UI Designer

UX Designer, UI Designer

Team

Team

Team

Team project with @Woojeong Jang

Team project with @Woojeong Jang

Team project with @Woojeong Jang

Design Thinking

Design Thinking

Design Thinking

Wireframing

Wireframing

Wireframing

Visual Design

Visual Design

Visual Design

Lunchmates

Lunchmates

Lunchmates is designed for office workers to enjoy guilt-free lunch breaks, tackling the lunchtime challenges through meal swaps and fostering workplace networking opportunities.

Lunchmates is designed for office workers to enjoy guilt-free lunch breaks, tackling the lunchtime challenges through meal swaps and fostering workplace networking opportunities.

Lunchmates is designed for office workers to enjoy guilt-free lunch breaks, tackling the lunchtime challenges through meal swaps and fostering workplace networking opportunities.

Problem

Problem

Problem

Many office workers feel guilty during lunch breaks, often opting to eat lunch at their desks without actually taking a break. Additionally, irregular meal times, repetitive daily dining, and lost opportunities to connect with coworkers are common issues. These challenges impact employee job satisfaction and overall well-being.

Many office workers feel guilty during lunch breaks, often opting to eat lunch at their desks without actually taking a break. Additionally, irregular meal times, repetitive daily dining, and lost opportunities to connect with coworkers are common issues. These challenges impact employee job satisfaction and overall well-being.

Many office workers feel guilty during lunch breaks, often opting to eat lunch at their desks without actually taking a break. Additionally, irregular meal times, repetitive daily dining, and lost opportunities to connect with coworkers are common issues. These challenges impact employee job satisfaction and overall well-being.

There is a growing trend nationally for large numbers of people not to take breaks at work, with surveys reporting that between 66% and 82% of workers don’t always take their breaks.

June 17, 2020 press release from Staffordshire University

There is a growing trend nationally for large numbers of people not to take breaks at work, with surveys reporting that between 66% and 82% of workers don’t always take their breaks.

June 17, 2020 press release from Staffordshire University

There is a growing trend nationally for large numbers of people not to take breaks at work, with surveys reporting that between 66% and 82% of workers don’t always take their breaks.

June 17, 2020 press release from Staffordshire University

Solution

Solution

Solution

Lunchmates eliminates the guilt associated with leaving your desk and encourages workers to network with their coworkers through lunch swaps. Breaking the routine of daily meals, it enhances the lunch break experience and sense of well-being.

Lunchmates eliminates the guilt associated with leaving your desk and encourages workers to network with their coworkers through lunch swaps. Breaking the routine of daily meals, it enhances the lunch break experience and sense of well-being.

Lunchmates eliminates the guilt associated with leaving your desk and encourages workers to network with their coworkers through lunch swaps. Breaking the routine of daily meals, it enhances the lunch break experience and sense of well-being.

Home Screen

Home Screen

Home Screen

Creative Home Screen Design

Creative Home Screen Design

Creative Home Screen Design

The home screen design takes a highly encouraging and creative approach. You can only see the lunches prepared by your colleagues if you post your own swap lunch.

The home screen design takes a highly encouraging and creative approach. You can only see the lunches prepared by your colleagues if you post your own swap lunch.

The home screen design takes a highly encouraging and creative approach. You can only see the lunches prepared by your colleagues if you post your own swap lunch.

Calendar

Calendar

Calendar

By allowing the app to track work schedule, user can organize lunchtime efficiently.

By allowing the app to track work schedule, user can organize lunchtime efficiently.

By allowing the app to track work schedule, user can organize lunchtime efficiently.

Edit

Edit

Edit

Refine your lunch details, including allergies, dietary restrictions, and preferences, to match suitable lunchmate

Refine your lunch details, including allergies, dietary restrictions, and preferences, to match suitable lunchmate

Refine lunch details, including allergies, restrictions, and preferences, to match suitable lunchmate

Swap Process

Swap Process

Swap Process

Easily

Lunch Swap

Easily

Lunch Swap

Easily

Lunch Swap

The swapping process is user-friendly. The homepage displays swap progress, and after chatting with potential users and reviewing their profiles, a decision is made to accept or decline the swap invitation.

The swapping process is user-friendly. The homepage displays swap progress, and after chatting with potential users and reviewing their profiles, a decision is made to accept or decline the swap invitation.

The swapping process is user-friendly. The homepage displays swap progress, and after chatting with potential users and reviewing their profiles, a decision is made to accept or decline the swap invitation.

Rating System

Rating System

Rating System

Clap & Feedback

Clap & Feedback

Clap & Feedback

More humanized rating system: Instead of stars, express lunch swap experiences with applause and comments. The app enables easy access to swap history and profile editing.

More humanized rating system: Instead of stars, express lunch swap experiences with applause and comments. The app enables easy access to swap history and profile editing.

More humanized rating system: Instead of stars, express lunch swap experiences with applause and comments. The app enables easy access to swap history and profile editing.

Research

Research

Research

We organized a meeting with 4 office workers to have an in-depth interview to know more details about the problems they are facing during their lunch break.

We organized a meeting with 4 office workers to have an in-depth interview to know more details about the problems they are facing during their lunch break.

We organized a meeting with 4 office workers to have an in-depth interview to know more details about the problems they are facing during their lunch break.

‘’Sometimes, l have lunch around 5pm.

hahaha... l know it is bad but can’t help it.”

‘’Sometimes, l have lunch around 5pm.

hahaha... l know it is bad but can’t help it.”

‘’Sometimes, l have lunch around 5pm.

hahaha... l know it is bad but can’t help it.”

Struggling with regular eating patterns, due to her busy schedule.

Struggling with regular eating patterns, due to her busy schedule.

Struggling with regular eating patterns, due to her busy schedule.

‘’l love cooking, it is like therapy, but I do but I do get bored with the food I make.”

‘’l love cooking, it is like therapy, but I do but I do get bored with the food I make.”

‘’l love cooking, it is like therapy, but I do but I do get bored with the food I make.”

Lunch recipes for workers are often repetitive and can become monotonous.

Lunch recipes for workers are often repetitive and can become monotonous.

Lunch recipes for workers are often repetitive and can become monotonous.

"I like to make new friends, so I'd like to have more networking opportunities during my lunch break."

"I like to make new friends, so I'd like to have more networking opportunities during my lunch break."

"I like to make new friends, so I'd like to have more networking opportunities during my lunch break."

Lunch breaks are the ideal time for some people to make connections and meet new people.

Lunch breaks are the ideal time for some people to make connections and meet new people.

Lunch breaks are the ideal time for some people to make connections and meet new people.

“I often choose to have lunch at my desk and to do in less intense work, like responding to emails, even though I'm aware it's not healthy.”

“I often choose to have lunch at my desk and to do in less intense work, like responding to emails, even though I'm aware it's not healthy.”

“I often choose to have lunch at my desk and to do in less intense work, like responding to emails, even though I'm aware it's not healthy.”

Faced with a choice when they’re really busy, even if someone wants to take a break, then work “wins”.

Faced with a choice when they’re really busy, even if someone wants to take a break, then work “wins”.

Faced with a choice when they’re really busy, even if someone wants to take a break, then work “wins”.

Define

Define

Define

Based on research and user interviews, we have started developing a brainstorming map to clarify the goals and challenges of the project.

Based on research and user interviews, we have started developing a brainstorming map to clarify the goals and challenges of the project.

Based on research and user interviews, we have started developing a brainstorming map to clarify the goals and challenges of the project.

User Persona

User Persona

User Persona

User Journey Map

User Journey Map

User Journey Map

I used a user journey map to recreate the whole process, which concludes 4 phases from posting lunch to complete lunch swap and give rate.

I used a user journey map to recreate the whole process, which concludes 4 phases from posting lunch to complete lunch swap and give rate.

I used a user journey map to recreate the whole process, which concludes 4 phases from posting lunch to complete lunch swap and give rate.

Project Goal

Project Goal

Project Goal

💪💪💪

💪💪💪

💪💪💪

Combine the research, user interviews and the needs of users, l defined 5 main features of the App

Combine the research, user interviews and the needs of users, l defined 5 main features of the App

Combine the research, user interviews and the needs of users, l defined 5 main features of the App

🤔️🤔️🤔️

🤔️🤔️🤔️

🤔️🤔️🤔️

How might we keep busy workers away from their desks to enjoy a variety of healthy food in limited lunchtime while participating in social activities or networking

How might we keep busy workers away from their desks to enjoy a variety of healthy food in limited lunchtime while participating in social activities or networking

How might we keep busy workers away from their desks to enjoy a variety of healthy food in limited lunchtime while participating in social activities or networking

Problem Statement

Problem Statement

Problem Statement

Ideation

Ideation

Ideation

Design

Design

Design

User Flow

User Flow

User Flow

Wireframe

Wireframe

Wireframe

The wireframing phase is to create reasonable user flows, and prioritize the user needs.

The wireframing phase is to create reasonable user flows, and prioritize the user needs.

The wireframing phase is to create reasonable user flows, and prioritize the user needs.

High- Fidelity

High- Fidelity

High- Fidelity

Design system

Design system

Design system

As always, we prepared the general design system before going to design interfaces, and little by little, we completed the design system while we designed each screen.

As always, we prepared the general design system before going to design interfaces, and little by little, we completed the design system while we designed each screen.

As always, we prepared the general design system before going to design interfaces, and little by little, we completed the design system while we designed each screen.

User Interface

User Interface

User Interface

Usability Test

Usability Test

Usability Test

We ran a usability test with 5 participants and found some minor UX writing issues and two spots for improvement.

We ran a usability test with 5 participants and found some minor UX writing issues and two spots for improvement.

We ran a usability test with 5 participants and found some minor UX writing issues and two spots for improvement.

Design Changes -1

Design Changes -1

Design Changes -1

Lunch Swap needs to track swap status, with users finding the homepage unclear. To address this, we removed the calendar, added a progress bar, and restricted browsing others' posts until users shared their lunch.

Lunch Swap needs to track swap status, with users finding the homepage unclear. To address this, we removed the calendar, added a progress bar, and restricted browsing others' posts until users shared their lunch.

Lunch Swap needs to track swap status, with users finding the homepage unclear. To address this, we removed the calendar, added a progress bar, and restricted browsing others' posts until users shared their lunch.

Design Changes -2

Design Changes -2

Design Changes -2

Users seek quick location recommendations and spend less time editing. So I added calendar, location suggestions and made the editing feature more user-friendly.

Users seek quick location recommendations and spend less time editing. So I added calendar, location suggestions and made the editing feature more user-friendly.

Users seek quick location recommendations and spend less time editing. So I added calendar, location suggestions and made the editing feature more user-friendly.

❤️ Embrace prototype

❤️ Embrace prototype

❤️ Embrace prototype

For this project we pursue innovative solutions. The design process taught me the significance of ideation and prototype testing for designing the solution. We created wireframes and prototypes based on user needs and conducted several iterations and received feedback. This was beneficial because before I was always focusing on visual design!

For this project we pursue innovative solutions. The design process taught me the significance of ideation and prototype testing for designing the solution. We created wireframes and prototypes based on user needs and conducted several iterations and received feedback. This was beneficial because before I was always focusing on visual design!

For this project we pursue innovative solutions. The design process taught me the significance of ideation and prototype testing for designing the solution. We created wireframes and prototypes based on user needs and conducted several iterations and received feedback. This was beneficial because before I was always focusing on visual design!

In addition, I have shifted my focus to enhancing interactivity rather than visuals, which has enriched the user experience and deepened my understanding of UX design.

In addition, I have shifted my focus to enhancing interactivity rather than visuals, which has enriched the user experience and deepened my understanding of UX design.

In addition, I have shifted my focus to enhancing interactivity rather than visuals, which has enriched the user experience and deepened my understanding of UX design.

Takeaways

Takeaways

Takeaways