HEBBAR’S KITCHEN

Redesign of Hebbar’s Kitchen
recipe experience

Line illustration of a home cook preparing a meal

Problem

Imagine being an NRI living abroad, craving the flavors of home, but struggling to find authentic Indian vegetarian, vegan, or Jain recipes that fit your dietary preferences.

You often find recipes online that lack the authentic touch or are too complex, making it harder to cook the dishes you love.

Solution

Hebbar’s Kitchen addresses this problem by offering a wide variety of authentic Indian recipes on their YouTube channel and app.

The platform is tailored for people like you who are looking for easy-to-follow, authentic Indian vegetarian, vegan, or Jain options. With simple ingredients and clear instructions.

A home cook checking a recipe while preparing foodA home cook stirring a pot
Palak Paneer step-by-step cooking screenHebbar’s Kitchen personalized recipe discovery screenPalak Paneer recipe details screen

Design Journey

1

Discovery through Research

  1. User Expectations
  2. Competitors Analysis
  3. UX Audit of App
2

Define and Ideate

  1. Gathering all user-reported issues, usability issues, insights and grouping similar ones
  2. Create Wireframes
3

Prototype and Testing

  1. Build Design System
  2. Design High-Fidelity Screens
  3. Checked for Accessibility

Main Tasks & Challenges

After analyzing the existing Hebbar’s Kitchen app, The 3 Golden Quest to embark on was

Update UI

Craft a visual catalog of recipes so inviting it feels like flipping through a beautifully organized cookbook.

Update UX

Refine navigation and search options to make every user’s culinary journey seamless and intuitive.

Add New Features

Empower users by providing ingredient substitutes based on dietary preferences, allergies, or availability—making cooking flexible and inclusive.

Research Phase

User interviews revealed usability gaps, while competitor analysis highlighted missing features like personalized recommendations and ingredient-based search.

A mother and child cooking together

User Expectations

Ingrediant Flexibility

Substitutions based on dietary preferences (e.g., lactose, vegan, gluten-free, or Jain substitutes).

1

Regional and Festive Focus

Authentic Indian recipes segmented by region or festival.

2

Personalized Experience

Save favorite recipes or create a personal cookbook.

3

Step-by-Step Guidance

Detailed recipe instructions with step-by-step visuals or videos.

4

Shopping List Integration

To save time by generating a shopping list directly from the recipes planned to cook.

5

Competitors Analysis

Recipe appIngredient
Substitutions		Shopping List
Generator		Personal
Cookbook		Dietary
Preferences
Cookd×✓××
Tasty✓✓✓×
Kitchen Stories✓✓✓×
Sanjeev Kapoor×✓✓×

Ideation & Prototyping

Key Feature

Recipe

Ever struggled with changing ingredients in a recipe due to dietary needs or availability?

This feature can swap ingredients while getting helpful cooking tips for each, ensuring that your substitutions still result in delicious and perfectly cooked dishes.

Recipe ingredients screen with serving controls and substitution tips
Recipe screens showing ingredient substitution options

Prototype Walkthrough

UI Kit & Final Designs

Hebbar’s Kitchen final design board: Pulp Display typography, green and neutral color palette, and mobile app designs for recipe discovery, dietary preferences, ingredient substitutions, shopping lists, and cooking guidance.