PAN 'N PLAN

PAN 'N PLAN

UI/UX Design Case Study

UI/UX Design Case Study

Dec 2025 - Feb 2026

Dec 2025 - Feb 2026

Mobile App Design

Mobile App Design

Reducing food waste and overspending through lightweight planning.

Reducing food waste and overspending through lightweight planning.

About Pan 'n Plan

About Pan 'n Plan

Living away from home, people struggle to manage food without a kitchen or a mess, leading to frequent ordering, unplanned spending, and wasted groceries. This project is a response to that experience, aiming to design a calm, low-effort system that helps people make better food decisions before money or food is wasted.

Living away from home, people struggle to manage food without a kitchen or a mess, leading to frequent ordering, unplanned spending, and wasted groceries. This project is a response to that experience, aiming to design a calm, low-effort system that helps people make better food decisions before money or food is wasted.

Tools Used

Tools Used

Product Category

Product Category

Grocery Budget & Meal Planner

Year

Year

2026

2026

What was the Problem?

What was the Problem?

Young adults and students often overspend on groceries without realizing it.

They forget what food they already have at home, buy impulsively (especially snacks and drinks), and purchase more than they can consume before it goes bad.

Because meal planning is inconsistent or absent, grocery spending becomes unpredictable and slowly disrupts their monthly budget.

Young adults and students often overspend on groceries without realizing it.

They forget what food they already have at home, buy impulsively (especially snacks and drinks), and purchase more than they can consume before it goes bad.

Because meal planning is inconsistent or absent, grocery spending becomes unpredictable and slowly disrupts their monthly budget.

There was a need for:

A simple system that helps users stay aware of their inventory, plan meals realistically, and understand the weekly impact of their grocery choices before money is wasted.

  • A tool that respects emotional states.

  • A system that tracks effort, not just output.

  • A flow-based structure that removes decision fatigue.

The Goal

The Goal

Reduce decision fatigue around daily food choices

Increase awareness of weekly food spending

Help users remember what food they already have

Encourage planning without forcing rigid habits or routines

Core Insights (From Research + Personal Experience)

Core Insights (From Research + Personal Experience)

  1. Sometimes forget what they already have in groceries and go out to buy more.

  2. Key factor in bankruptcy. Spending way too much that disrupts the monthly budget.

  3. Buying in bulk can save money only when consumption is planned. Without planning, it leads to waste and overspending

  4. Snacking and drinks - a costly buy.

Key Design Decisions

Decision 1: Inventory without exact quantities

  • No manual expiry dates.

  • Fresh / Opened / Near expiry instead.

  • Reduces friction.

Decision 2: Cost added at action time

  • Cost is added when ordering / grocery run.

  • No Auto-calculation.

  • User stays in control.

Decision 3: Meal planner as intention-setting

  • Not a Diary

  • Not enforced

  • Just a planning surface

Color Palette

Color Palette

Forest Canopy

Forest Canopy

#14402A

#14402A

Fresh Basil

Fresh Basil

#2E8B57

#2E8B57

Pale Mint

Pale Mint

#D9F2DF

#D9F2DF

Soft Porcelain

Soft Porcelain

#F9FAFB

#F9FAFB

Warm Apricot

Warm Apricot

#F4A261

#F4A261

Typography

Typography

Plus Jakarta Sans - Aa

Plus Jakarta Sans - Aa

abcdefghijklmnopqrstuvwxyz1234567890

abcdefghijklmnopqrstuvwxyz1234567890

(Primary)

Final Screens

Onboarding

Home

Inventory

Meal Planner

What might come in future for Pan 'n Plan?

What might come in future for Pan 'n Plan?

  • Smarter Meal Suggestions

  • Better Inventory Reminders

  • Data-informed Insights

What this project taught me?

What this project taught me?

  • Designing for low effort is harder than adding features.

  • Product decisions matter more than visual polish,

  • Explored how small design decisions influence everyday behavior.

View Screens on Behance

Create a free website with Framer, the website builder loved by startups, designers and agencies.