Sargam PrakashContact me

Handpicked on Instamart

On Swiggy Instamart, I designed Handpicked, a label for products picked for quality, taste and authenticity: where it sits on a crowded item card, and how shoppers learn it.

The label on the listing and as a filter, on the product page, and explained where it appears.
Role
Design owner, end to end
Team
Product, engineering, category and marketing
Timeline
6 weeks, March – April 2024
Status
Released June 2024

What is Handpicked?

A label on the products Instamart’s category team picks for quality, taste and authenticity, including lesser-known brands.

As the range grows, so does the noise. See the label, skip the research.

Who it’s for

Not the deal hunter: the shopper who wants something different. Two shoppers, buying bhujia for guests:

  • Shopper 1: “A popular brand, so it’s good.”

    A pack of Haldiram’s Bhujia Sev, a household name.
  • Shopper 2: “A unique find, so it’s good.”

    A pack of Let’s Try Garlic Bhujia, made with groundnut oil, carrying the Handpicked label.
Handpicked is for the second shopper.

Where it came from

InsanelyGood, Swiggy’s premium grocery service, had shoppers who loved it. Handpicked carried it into Instamart under one name, with room to grow.

Its products, and its loyal shoppers

New finds

Distinctive products, later beyond groceries

Handpicked

One name, inside Instamart

Two goals

  1. Spot it

    Recognise Handpicked products at a glance, among everything else.

  2. Learn it

    Understand what the label means, through onboarding and prompts in context.

Spot it: the label

Handpicked products share the shelf with everything else, so the label had to live on the item card itself.

Every spot was taken

An item card is prime real estate, like a sea-facing bungalow on Marine Drive. Each spot already spoke to a different shopper.

  1. Offer tag

    For the deal hunter.

  2. Product tag

    A badge on the photo.

  3. Purchase indicator

    Like “Previously bought”.

  4. Additional description

    A reason to buy, like “Rich in protein”.

One strip, in order

Several markers compete for the strip, so it shows the highest one that applies.

  1. Previously boughtBased on the shopper’s own orders, so it comes first.
  2. HandpickedNext, ahead of the product’s other details.
  3. Sourced at 5 am
  4. From New Zealand

A quieter description

The same item card

After: The same card with the description in regular grey, so the Handpicked strip leads.
Before: An atta card with the burgundy Handpicked strip, and below the name, “100% whole wheat from Madhya Pradesh” in bold orange.

Before. Orange, competing with the label.

After. Grey, so the label leads.

The orange description had long been Instamart’s way to stand out. Now the label had to lead, so the description went grey.

Icons for it were tried too, but read as buttons.

The look

We looked at premium sub-brands like Amazon Prime, Swiggy One and Zomato Gold, then explored colours and motifs.

Gold, burgundy and wordmark explorations.
  • Burgundy, not gold

    Gold says “pricier”, and Handpicked isn’t always. Burgundy was already an Instamart sub-brand colour.

  • Recall over a perfect metaphor

    A star reads as a rating, a starburst as “verified”. With design and marketing, we chose the mark people would remember.

Learn it: three moments

A label only works once people know what it means.

  1. Always: its own tab

    Instamart’s leadership asked us to go bold: a permanent tab in the bottom bar, animated, with a heart burst.

  2. First visit: a tip

    Where shoppers first meet the label, a prompt explains it in place.

  3. Later: a banner

    An animated banner, in the spot usually kept for marketing.

Impact

A second version was in planning.

What I’d do differently

Want the deep dive?I’ll walk you through it.