Year
November 2023 – Present

Disciplines
UI/UX Design, User Researcher, Content Writing

Role
Founding Designer

Tools Used
Figma, Illustrator, Photoshop, Power Automate, Power BI

Redesign Challenges with Existing Flow

Through interviews with active users (faculty members, onsite college staffs, students), the most commonly reported pain points with the "create a food post" flow were:

frood_before_screen1

Current Screens of Hungry Hawks (before the rebrand of Frood)

User's Pain Points

Exclusive Branding

The branding was too closely tied to the founding university, making it feel exclusive and unwelcoming to users outside that community.

Outdated Design

The interface lacked modern visual appeal and usability, making the user experience less intuitive and engaging.

Lack of Key Food Details

Users couldn’t specify dietary restrictions or serving sizes, making it difficult to determine if the food was suitable or still available.

No Clear Preview Option

Users could not see how their food posts would appear before publishing, leading to confusion and incomplete posts.

Business Problem

Hindering Growth/User Engagement

The difficult posting process made it hard to keep and attract new users, which hurt regular use of the app.

Limiting Competitive Edge & Scalability

The design flaws made it hard for Frood to grow and build a community focused on sharing food sustainably.

Competitive Insights

To better understand how successful food-sharing and delivery apps handle similar challenges, I conducted competitive insights:

frood_competitionanalysis1

The insights from these platforms informed my decision to focus on simplicity, visual clarity, and a streamlined process that would encourage users to quickly and confidently create posts.

Final Design

Before the redesign, creating a food post took multiple steps with little guidance or feedback. After the redesign, the process is more streamlined and user-friendly, encouraging more people to create posts and share food.

frood_createflowafteroverview4

Adding Mandatory Fields

Pain Point: Limited Functionality & Overcomplicated/Unclear Input Fields

  • Introduced dietary restriction and serving size tags, allowing users to clearly specify food details.
  • Used icons and labels to guide users through required and optional fields.
  • Added an optional food description field for additional details like pick-up instructions.

Confirmation Screen

Pain Point: No Clear Preview Option

  • Created a confirmation screen as an additional verification step, allowing users to preview their posts before publishing to ensure all details are correct.
  • Added a popup with posting guidelines that users must agree to before submitting.