Tab Structure Comparison

Interactive mockups - click the tabs to explore each layout

Current Layout

7 Tabs
SmartPantry 9:41
Quick Shop
Meal Plan Staples Custom
Chicken Breast
Need 500g for Stir Fry
1 pack
Broccoli
Frozen preferred
1 bag
Manage
Household Recipes Ingredients Staples AI
Family Members
John, Sarah, Kids
Discover
Community Recipes
Browse shared recipes
Meal Plan
Week 1 Week 2
Monday
Pasta Bolognese
3 missing
Cupboard
All Fridge Freezer
Milk
2 pints in fridge
Semi-Skimmed
What to Cook?
AI Suggestions
Based on your inventory
Chicken Stir Fry
You have 4/5 ingredients
Quick Shop
Same as Inventory tab
Shop
Manage
Discover
Plan
Pantry
Cook
Cart

Current Layout Analysis

  • Each feature has its own dedicated space
  • Clear mental model of "where things are"
  • You're already familiar with it
  • 7 tabs = crowded on mobile
  • Shop + Quick Shop are redundant
  • Manage tab has 8 sub-tabs inside
  • New users report confusion

Proposed Layout

4 Tabs
SmartPantry 9:41
Home
Shop List What to Cook Discover
Chicken Breast
Need 500g for Stir Fry
1 pack
AI Suggestion
Make Chicken Stir Fry tonight!
Meal Plan
This Week My Recipes Week 2
Monday Dinner
Pasta Bolognese
3 missing
Tuesday Dinner
Chicken Stir Fry
Ready!
My Pantry
All Items Fridge Freezer Expiring
Milk (Semi-Skimmed)
2 pints in fridge
3 days
Frozen Broccoli
1 bag in freezer
3 months
Settings
Household
John, Sarah, Kids
Ingredients DB
Customize units & variants
Weekly Staples
Auto-add to shopping list
AI Assistant
Chat with Gemini
Home
Plan
Pantry
Settings

Proposed Layout Analysis

  • Cleaner mobile experience (4 vs 7)
  • Bigger tap targets for tabs
  • Easier for new users to understand
  • Similar to popular apps (Instagram, etc)
  • Home tab = most common actions together
  • More clicks to reach some features
  • Requires learning new locations
  • Development effort to migrate

Your Preference?

Both layouts have merit. The current one is familiar; the proposed one is cleaner.

Or we could do a hybrid: keep 5 tabs by just merging Shop + Quick Shop