Loading the site

Skip to content
All work

Case study · No. 06 · FoodTech · marketplace · 2023

Home Chef: neighbourhood cooking, delivered still warm

A platform for home-cooked meals made by the cooks of your neighbourhood: order today's tagine, follow it to your door, and, kitchen side, make a living from what you already cook.

  • Web UX/UI
  • Marketplace
  • Design system
Home Chef home: home cooking from the women of your neighbourhood, with the search and a cook at the stove
Role
Product designer, from research to prototype
Duration
8 weeks
Team
Concept project, solo
Platform
Web, desktop
Tools
Figma Miro Google Meet Google Docs
Deliverables
Benchmark, Proto-personas, Journey map, User flows, Wireframes, Design system, 25 screens, Prototype

The project in numbers

What was delivered, counted in the Figma file. A fictional product: no usage results.

  • 25

    screens

    16 for the customer, 7 for the cook, 2 for the team

  • 3

    roles served

    The one who eats, the one who cooks, the team that visits kitchens

  • 337

    prototype links

    Four linked journeys, from the order to Friday's payout

01 · The project

A kitchen that already feeds the street

In Morocco many women cook every day for a whole family, often for the neighbours on Fridays, without earning from it: in 2023 only 19 % of women were in the labour force, against 69 % of men.

Across the street, busy families and offices want a real lunch, not fast food. Home-made dishes already sell, but on Instagram and WhatsApp: no payment, no tracking, no checked hygiene.

Home Chef links the two: dishes cooked the same day, in small batches, delivered still warm; a kitchen visited before opening; and a space where the cook sets her prices and days and sees her earnings, paid every Friday.

Eight weeks, from the kitchen to the door

  1. 01 · Weeks 1–2

    Discover

    Four ways to eat “home-made”, from delivered restaurants to the cook on Instagram.

    • Benchmark
    • Desk research
  2. 02 · Weeks 2–3

    Define

    The customer and the cook, the experience map of an ordered lunch.

    • Proto-personas
    • Journey map
    • HMW
  3. 03 · Weeks 3–4

    Ideate

    Prioritisation, the ordering flow, wireframes.

    • Impact × effort
    • User flow
    • Wireframes
  4. 04 · Weeks 4–7

    Prototype

    Design system, 25 screens, the hand-drawn logo, a linked prototype.

    • Design system
    • High-fidelity UI
    • Figma prototype
  5. 05 · Weeks 7–8

    Check

    A review against UX laws, sold-out dishes and delays, a test plan.

    • Heuristic review
    • Test plan

02 · Discovery

A skill without a market

  • 19 %

    of Moroccan women in the labour force in 2023

    Against 69 % of men.

    HCP, via Challenge

  • 12 – 2 pm

    the lunch window

    It all plays out in two hours: orders by 10, delivery at noon.

    Hypothesis

  • ≈ 70 DH

    the price of a portion

    Between a snack bar and a restaurant.

    Hypothesis

  • < 40 min

    from kitchen to door

    To arrive still warm.

    Hypothesis

Four ways to eat “home-made”

Named by family: restaurant delivery, the cook on social media, the caterer.

Four ways to eat “home-made”
CriterionHome Chef · the projectThe projectRestaurant deliveryPlatformCook on social mediaIndirectCatererOn order
Who cooks, and whereYesThe cook, her neighbourhoodPartlyThe restaurantYesPartly
Today's dishes, in small batchesYesPortions leftNoFixed menuPartlyDaily postsNo
Payment and delivery built inYesYesNoCash, delivery to arrangePartly
Checked hygieneYesKitchen visitedPartlyNoPartly
The cook's income in viewYesThe week's earningsNot applicableNoNot applicable

The table scrolls sideways.

A desk review, verdicts simplified by family.

Takeaway

Platforms know delivery, social media knows emotion. Home Chef keeps the cook's face and adds what is missing: payment, tracking and trust.

03 · Definition

The one who orders, the one who cooks

Proto-personas: hypotheses to validate in interviews; their quotes are illustrative.

  • P1 · the customer

    Yasmine, 36

    Works in Maarif, two children, orders lunch three times a week

    Goal
    A home-made dish for the family, delivered warm and on time
    What gets in the way
    Not knowing who cooks or how, cold deliveries

    « I want to know who cooked what my children eat. »

  • P2 · the cook

    Fatima Zahra, 52

    In Derb Ghallef, cooks for twenty every Friday, without pay

    Goal
    Get paid for what she already does, at her pace
    What gets in the way
    Can't set a price, fears paperwork and a complicated app

    « I already cook for the street: just tell me how much and when. »

Yasmine's lunch, before

Yasmine

01Get hungry

02Search

03Order

04Pay

05Wait

06Eat

Does

Thinks about lunch at 11
Scrolls Instagram
Writes on WhatsApp, waits for a reply
Gets cash ready
Doesn't know when it arrives
Lifts the tagine lid

Thinks

No time to cook
Is she cooking today?
Has she seen my message?
Do I have change?
It will be cold
Like my mother's

Feels

Opportunity

Today's dishes near you
Order and confirmation online
Online payment
Live tracking and a handover code
Rate the meal, thank the cook

The map scrolls sideways.

The problem to solve

Busy families need a home-made meal delivered warm at noon, because fast food does not replace neighbourhood cooking. Today, these dishes are found on social media, with no payment, no tracking and no checked hygiene.

The questions the design answers

  1. Q1

    How might we make an unknown cook trustworthy?

    Why this one · Yasmine feeds her children with it.

  2. Q2

    How might we sell today's dishes in small batches?

    Why this one · A home kitchen has no fixed menu.

  3. Q3

    How might we deliver still warm, on time?

    Why this one · The low point of the experience map.

  4. Q4

    How might we pay the cook without paperwork?

    Why this one · What holds Fatima Zahra back.

04 · Ideation

What the first version keeps

Impact ↑

Quick wins · Impact high · Effort low

  • Portions left and ready timeIn V1

    Q2

  • Orders by 10 amIn V1

    Q2, Q3

  • Earnings simulatorIn V1

    To convince cooks

Big bets · Impact high · Effort high

  • Tracking and handover codeIn V1

    Q3

  • Kitchen visit before openingIn V1

    Q1

  • Cook space, Friday earningsIn V1

    Q4

Nice to have · Impact low · Effort low

  • Ramadan menusLater

    In V2

Later · Impact low · Effort high

  • Meal subscriptionLater

Effort →

Ordering lunch

  1. Start

    Home

    What, where, when

  2. Screen

    Dishes near me

    Ready by 12:30, under 70 DH

  3. Screen

    Dish

    The cook, portions left

  4. Screen

    Basket

    Delivery slot, notes

  5. Decision

    Signed in?

    No: phone number and SMS code, then back to the basket

  6. Screen

    Payment

  7. System

    The cook accepts

    Before 10 am

  8. Screen

    Tracking

    Cooking, on the way, handover code

  9. End

    Delivered, rate the meal

Low-fidelity wireframes

  1. 01 · Home

  2. 02 · Dish

  3. 03 · Tracking

  4. 04 · Cook space

05 · Design

Cream, coral and a kitchen hand

The hand-drawn logo, Fraunces for headings, Montserrat for the interface, and a coral for action on a cream background.

Colours

  • Cream

    #FBF6F0

    Background

  • Surface

    #FFFFFF

    Cards

  • Coral

    #F35151

    Main action

  • Strong coral

    #D63A3A

    Accent text

  • Soft coral

    #FFF3F1

    Banners

  • Ink

    #1F1A17

    Text

  • Secondary text

    #4A3F38

    Captions

  • Olive

    #4F7A3A

    Success, ready

  • Saffron

    #8A5A0C

    Almost gone

  • Danger

    #B42318

    Sold out, problem

Type

  • Display

    Fraunces SemiBold 72

    Home cooking from your neighbourhood

  • Heading 1

    Fraunces SemiBold 48

    What’s cooking this week

  • Dish

    Montserrat SemiBold 16

    Kefta tagine with eggs

  • Body

    Montserrat Regular 16

    Cooked the same day, in small batches.

  • Price

    Montserrat Bold 20

    65 DH

25 components

  • Logo
  • Logo mark
  • Button
  • Badge
  • Input
  • Checkbox
  • Radio
  • Toggle
  • Chip
  • Avatar
  • Rating
  • Tab
  • Quantity
  • Navbar
  • Footer
  • Search
  • Dish card
  • Cook card
  • Category
  • Review
  • Order tracker
  • Basket line
  • Cook sidebar
  • Cook top bar
  • Order ticket
Home Chef components board: buttons and their states, fields, controls, badges, cards and the icon set
The components as they are in Figma: every variant, then the icons.

Home: say who cooks

First iteration

First iteration of home: welcome to Home Chef, dish photos and an Explore button

Final version

Final version: the cooking of the neighbourhood's women, the search and live proof

What changes

  • The headline says who cooks and where: the women of your neighbourhood.

    UX law · Aesthetic-Usability EffectKept

  • What, where, when: the search replaces “Explore”, area and time prefilled.

    UX law · Tesler’s LawKept

  • Live proof: how many are cooking now, who, and for when.

    UX law · Serial Position EffectKept

The customer's journey

  • Today's dishes

    Today's dishes

  • A dish, portions left

    Dish (Q2)

  • A cook's profile

    The cook (Q1)

  • Basket

    Basket

  • Checkout

    Checkout

  • Order tracking, handover code

    Tracking (Q3)

  • Rate the meal

    Rate the meal

Kitchen and team side

Q4 and Q1: becoming a cook, running the day and the earnings, and the visit that opens the kitchen.

  • Become a cook, with the earnings simulator

    Become a cook

  • Application

    Application

  • The cook's day

    Today

  • Add a dish

    Add a dish

  • Earnings

    Friday's earnings

  • Team: applications to review

    Applications, team side

  • Team: kitchen visit

    Kitchen visit

06 · Validation

UX laws at work

  • Kept

    Scarcity Effect

    Rare feels valuable, until the pressure feels fake.

    “4 portions left” is true: the cook makes small batches.

    Dish

  • Kept

    Tesler’s Law

    Complexity never disappears, someone carries it: let it be you.

    Area and time by default: search in one click.

    Search

  • Kept

    Doherty Threshold

    Under 400 ms, the system feels like a conversation.

    Each step of the order shows as it happens.

    Tracking

  • Kept

    Aesthetic-Usability Effect

    What looks good is forgiven more: beauty buys patience.

    Real photos and named cooks: trust goes through a face.

    Everywhere

  • Kept

    Peak-End Rule

    People judge the peak and the end, not the average.

    The cook's note arrives with the dish.

    Delivery

  • Kept

    Anchoring Effect

    The first number sets the scale for every next one.

    The simulator starts from a median income, never the best case.

    Become a cook

Expected results

What a test and a launch should show. Nothing has been measured.

Expected resultIndicatorIndicative target
An order placed with trustTesters who name the kitchen visit as a reason to order3 out of 5 in testing
Dishes still warmDeliveries within 40 minutes of leaving the kitchen9 out of 10 (hypothesis)
Cooks who stayCooks still active after three monthsAbove 70 % (hypothesis)

The test that would validate the platform

ParticipantsFive customers who order lunch at least once a week, and three women who already cook for others, in 40-minute sessions.

  1. 01

    TaskOrder two tagines for 12:45, no olives.

    Success criterionOrdered, note passed on, time understood.

  2. 02

    TaskSay who cooked and whether her kitchen was visited.

    Success criterionAnswer found on the listing.

  3. 03

    TaskTrack the order and find the handover code.

    Success criterionCode given to the rider without searching.

  4. 04

    TaskCook: add a dish and see the week's earnings.

    Success criterionDish published, Friday's amount read.

Interview questions

  • How do you find a home-made dish today?
  • What would make you trust the kitchen of someone you don't know?
  • Cooks: what would stop you from selling your dishes?

What I take from it

  1. 01

    Trust has a face

    Naming the cook, her neighbourhood and her visit did more for trust than any written guarantee.

  2. 02

    A constraint becomes a promise

    Small batches, a flaw for a platform, became “cooked the same day”.

  3. 03

    Design for the one who cooks

    The earnings simulator and Friday's payout answer the real question: how much, and when.

Got a project in mind?

Describe the screen or the workflow that gets in the way: I reply with a first reading of the problem.