Eat Together

Connecting college students overshared meals and common interests

Iterative Design

Collaboration

Usability/Accessibility

Prototyping

Wireframing

Context

Eat Together is a student-run startup app launched in September 2023 at the University of Washington, designed to connect college students over shared meals and interests. The app promotes community building and social connections by focusing on shared values and activities. I joined the team in November 2023 as a UX Designer, where I contributed to improving the app’s design system, user experience, branding, and visual hierarchy.

Context

Eat Together is a student-run startup app launched in September 2023 at the University of Washington, designed to connect college students over shared meals and interests. The app promotes community building and social connections by focusing on shared values and activities. I joined the team in November 2023 as a UX Designer, where I contributed to improving the app’s design system, user experience, branding, and visual hierarchy.

Context

Eat Together is a student-run startup app launched in September 2023 at the University of Washington, designed to connect college students over shared meals and interests. The app promotes community building and social connections by focusing on shared values and activities. I joined the team in November 2023 as a UX Designer, where I contributed to improving the app’s design system, user experience, branding, and visual hierarchy.

UX/UI Designer

November 2023 - June 2024

Huy Mai, Pim Jitnavasathien,
Mumtaz Sheikhaden

UX/UI Designer

November 2023 - June 2024

Huy Mai, Pim Jitnavasathien,
Mumtaz Sheikhaden

Challenge + Design Problem

Challenge + Design Problem

Low User Engagement:

Many users expressed hesitations about creating or attending events, a result of weak social interactions and lack of information.

Inconsistent Interfaces:

The app faced inconsistencies in typography, colors, and spacing, resulting in poor information hierarchy and difficult navigation.

Redundant Components:

Multiple interface elements displayed the same information, adding unnecessary complexity.

Low User Engagement:

Many users expressed hesitations about creating or attending events, a result of weak social interactions and lack of information.

Inconsistent Interfaces:

The app faced inconsistencies in typography, colors, and spacing, resulting in poor information hierarchy and difficult navigation.

Redundant Components:

Multiple interface elements displayed the same information, adding unnecessary complexity.

Low User Engagement:

Many users expressed hesitations about creating or attending events, a result of weak social interactions and lack of information.

Inconsistent Interfaces:

The app faced inconsistencies in typography, colors, and spacing, resulting in poor information hierarchy and difficult navigation.

Redundant Components:

Multiple interface elements displayed the same information, adding unnecessary complexity.

Goals

  • Establish a cohesive design system to improve the app’s visual consistency.

  • Improve user engagement by addressing pain points and hesitations around event creation and participation.

  • Streamline interface components to simplify development and improve usability.

Goals

  • Establish a cohesive design system to improve the app’s visual consistency.

  • Improve user engagement by addressing pain points and hesitations around event creation and participation.

  • Streamline interface components to simplify development and improve usability.

Heuristic Evaluation

Heuristic Evaluation

Heuristic Evaluation

We ran a thorough analysis of user flows and looked at design and workflow inconsistencies.

We ran a thorough analysis of user flows and looked at design and workflow inconsistencies.

We ran a thorough analysis of user flows and looked at design and workflow inconsistencies.

Key Takeaways:

Lack of visual emphasis on social elements like event attendees

Poor typography and visual hierarchy
Key Takeaways:

Lack of visual emphasis on social elements like event attendees

Poor typography and visual hierarchy
Key Takeaways:

Lack of visual emphasis on social elements like event attendees

Poor typography and visual hierarchy

User Research: Conducted 20–30 minute interviews and usability tests with 10 users.

User Research: Conducted 20–30 minute interviews and usability tests with 10 users.

User Research: Conducted 20–30 minute interviews and usability tests with 10 users.

Findings

Findings

Findings

Users couldn’t easily see who was attending events — creating hesitation around joining them

Users couldn’t easily see who was attending events — creating hesitation around joining them

Users couldn’t easily see who was attending events — creating hesitation around joining them

Desire for more personalized and engaging event recommendations

Desire for more personalized and engaging event recommendations

Desire for more personalized and engaging event recommendations

Typography: Established consistent font sizes and weights to create a clear hierarchy.

Typography: Established consistent font sizes and weights to create a clear hierarchy.

Colors: Simplified the app’s color palette, reducing redundancies and enhancing visual harmony.

Colors: Simplified the app’s color palette, reducing redundancies and enhancing visual harmony.

Original

Original

Redesign

Redesign

Original

Original

Redesign

Redesign

Original

Original

Redesign

Redesign

Original

Original

Redesign

Redesign

Original

Original

Redesign

Redesign

Design System Development

Design System Development

Design System Development

Components

Components

Components

Pages

Pages

Pages