What's in your fridge? A full UX process to answer that question well.

What's in your fridge? A full UX process to answer that question well.

TEAM

1 Product Designer (me)

TIMELINE

2 months MVP Sprint

METHODS

User interviews. Competitive analysis. Persona & empathy mapping. User flow · A/B usability testing

TYPE

Consumer App/ Concept project

BACKGROUND

Most recipe apps assume you'll go shopping. Spice Up assumes you won't. It starts with what's already in your kitchen and works backwards to a meal worth cooking.

CHALLENGE

How might we help busy home cooks find a meal worth making -using only what they already have - without turning recipe discovery into another chore?

A/B Testing

A/B Testing

labeled badges vs icon tooltips

Full UX artifact trail

Full UX artifact trail

Personas, empathy maps, user flow

My Process

My Process

1

2

3

4

5

RESEARCH

5 interviews + competitor audit

SYNTHESIZE

Persona + empathy map

MAP

Full user flow

DESIGN

Lo-fi → Hi-fi

TEST

A/B test + iterate

From kitchen frustration to full UX process

From kitchen frustration to full UX process

Most recipe apps assume you'll go shopping. Spice Up assumes you won't. It starts with what's already in your kitchen and works backwards to a meal worth cooking.

This was a 3-month personal project — the most process-complete work in my portfolio. I built it the way I'd want every project to run: structured research first, defined personas, mapped user flows, then designed and tested before a single final screen was committed to.

What the research revealed

What the research revealed

5 scripted sessions. Each one started with how they currently decide what to cook, not what they'd want from an app. The quotes below came up — unprompted — across multiple interviews.

I want to cook, but after a long day, I want ideas fast—I don’t have time to search for hours.

I want good food, not recipes that make my grocery bill explode.

I want good food, not recipes that make my grocery bill explode.

I’m tired of cooking the same few meals over and over again.

I’m tired of cooking the same few meals over and over again.

I have ingredients at home, I just need ideas

I have ingredients at home, I just need ideas

I try to eat healthy… but half the time I’m not sure if I actually am.

Instead of testing the apps myself, I read what real users said about them — app store reviews, Reddit threads, social comments. Two patterns appeared in all three: forced sign-ups and poor filtering. Both became design priorities.

Poor Search & Filtering

Forced Sign-Ups/Paywalls

Design Goals

Design Goals

1.

Reduce friction in recipe Discovery

Reduce friction in recipe Discovery

2.

Support quick decision-making at a glance

Support quick decision-making at a glance

The scope decision that shaped everything

The scope decision that shaped everything

Text search over scanning — a deliberate MVP constraint

The more modern solution was obvious: scan your fridge, detect ingredients automatically, generate a meal. But building that feature set would have taken the focus away from the core UX problem — how do you present recipe results so users make a confident decision fast?

I constrained the input to text search with a maximum of 3 ingredients. Not because scanning wasn't valuable — it was the right V2 feature. But because it would have added technical complexity that obscured the design problem I actually wanted to solve.

Tradeoff: less "wow" on first use, more focus on the core decision-making flow

Text search over scanning — a deliberate MVP constraint

The more modern solution was obvious: scan your fridge, detect ingredients automatically, generate a meal. But building that feature set would have taken the focus away from the core UX problem — how do you present recipe results so users make a confident decision fast?

I constrained the input to text search with a maximum of 3 ingredients. Not because scanning wasn't valuable — it was the right V2 feature. But because it would have added technical complexity that obscured the design problem I actually wanted to solve.

Tradeoff: less "wow" on first use, more focus on the core decision-making flow

Design goal 1 :
Reduce Friction In Recipe Discovery

Design goal 1 :
Reduce Friction In Recipe Discovery

Start with the fridge, not the supermarket.

Start with the fridge, not the supermarket.

Every user interview said the same thing: "I have ingredients, I just need ideas." So the entry point became the ingredient — not a keyword, not a category. Text input, up to 3 items, essential filters immediately available. Start where the user already is.

Every user interview said the same thing: "I have ingredients, I just need ideas." So the entry point became the ingredient — not a keyword, not a category. Text input, up to 3 items, essential filters immediately available. Start where the user already is.

Earn the account. Don't gate the value.

Earn the account. Don't gate the value.

Competitive analysis showed forced sign-ups/paywalls were the #1 complaint across Tasty, Yummly, and Cookpad. I removed the wall entirely for discovery. Sign-in only appears when a user wants to save a recipe — at the moment they've already decided the app is worth it.

Competitive analysis showed forced sign-ups/paywalls were the #1 complaint across Tasty, Yummly, and Cookpad. I removed the wall entirely for discovery. Sign-in only appears when a user wants to save a recipe — at the moment they've already decided the app is worth it.

Filter as you go. Control when you need it.

Filter as you go. Control when you need it.

Most filter systems front-load every option at once — creating decisions before users have even seen any results. I flipped the order: set your essential constraints before searching (dietary needs, max time), then refine after results appear, then sort when you're close to a decision. Three stages of control, each arriving exactly when it's useful — not all at once.

Goal 1

Goal 1

Goal 1

Design goal 2 :
Support Quick Decision Making At A Glance

Design goal 2 :
Support Quick Decision Making At A Glance

Decide before you tap.

Decide before you tap.

The goal was to make opening a recipe optional, not necessary. Every card answers the four questions users asked most in interviews: Is it fast enough? Do I have what it needs? Is it healthy? Does it look good? Answer those four on the card — users only tap when they've already decided.

Small UI differences. Big impact on speed.

Small UI differences. Big impact on speed.

Competitors had more filter options — but all presented as uniform tags: same shape, same color, same size. Testing showed users took significantly longer to find a single filter in that layout. I mixed UI elements deliberately: dropdowns for time, sliders for budget, toggles for dietary needs, tags for cuisine. Different shapes for different types of decisions — scanning becomes instant.

Goal 2

Goal 2

Goal 2

Key Takaways

Key Takeaways

Displaying Health Badges

Displaying Health Badges

I tested two approaches: labeled tags for clarity and icons with tooltips for compactness.
Since Spice UP is a mobile app, I prioritized clarity and chose labeled badges so users could instantly understand the meaning without extra interaction.

Two-Level Flow Balances Speed & Control

Two-Level Flow Balances Speed & Control

Since the app’s main value is searching recipes based on available ingredients, I designed a two-level filtering flow.
Users can add up to three ingredients and set basic filters on the first page, then refine results with extra filters in the next step if needed.
This keeps the process simple at first while giving more control to users who want precise results.

What I'd do differently

What I'd do differently

V2 Scop Document

V2 Scop Document

Ship a V2 scope document alongside the designs — the scanning feature and multi-ingredient expansion deserve a written rationale, not just a mental note.

Testing Upfront

Testing Upfront

Test the ingredient search entry point earlier — I committed to text input before validating that users understood the 3-ingredient limit. One early test would have surfaced that confusion sooner.

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