Skip to work
Melbin Kuriakose
Back to work

The Zari by L&L Collective

TheZari

A luxury saree house, designed and launched on Shopify.

A product people normally touch, sold through a screen.

  • Brand & UX
  • Storefront design
  • Shopify build
  • Payments
  • Blue soft silk saree with a golden border

    Soft Silk

  • Pink Mysore crepe silk saree with a maroon border

    Mysore Crepe Silk

  • Mustard yellow organza butter silk saree

    Organza

  • Pink satin tussar saree with Kashmiri work

    Tussar

  • Maroon matka silk saree with parrot embroidery

    Matka Silk

  • Yellow dolla silk saree

    Dolla

  • Blue linen tissue saree with Korean work

    Linen Tissue

  • Pink and green mul cotton saree with a Kanchi border

    Mul Cotton

120+
sarees live
10
fabric collections
₹840+
entry price point
0
developers needed to restock
My role
Brand direction, UX, storefront design and the Shopify build
The client
The Zari by L&L Collective - a luxury Indian saree house
Status
Live at thezari.in, restocked daily by the owners
Stack
Shopify, a heavily customised Dawn theme, Figma

The problem

Sarees don’t sell like products

Everything hard about this project comes from one gap: the buying decision is tactile, and the shop is a screen.

What generic ecommerce offers

  • SKU
  • Product name
  • Price
  • Thumbnail

What a customer actually says

  • “Show me a Kanchivaram.”
  • “Something in Mysore silk.”
  • “I need something for a wedding.”
  • “I want to see the zari.”
  • “How does the border look?”

The customer does not start with a SKU. They start with a fabric, an occasion, or a mental image.

How do you sell a tactile product to someone who cannot touch it?

That sentence is the whole brief. Every decision below is an attempt to answer it.

What happens in a shop, and what has to happen on a screen

Two steps in the physical version have no digital equivalent at all.

  1. 1Arrives from Instagram
  2. 2Picks a fabric collection
  3. 3Browses the collection
  4. 4Opens a product
  5. 5Large imagery
  6. 6Detail photography
  7. 7Product information
  8. 8Prepaid or cash on delivery

The screen cannot reproduce touch, and pretending otherwise would be dishonest. What the design can do is compensate for the missing layer with visual detail, hierarchy and trust.

Information architecture

A catalogue organised by fabric

Nobody walks into a saree shop asking for SKU 4471. They ask for a Kanchivaram, a Mysore crepe, something in organza for a wedding.

Default ecommerce thinking

All products → sort by newest / price

A grid sorted by a dimension nobody came in thinking about.

How this customer shops

Fabric → collection → saree

The catalogue mirrors the sentence they would say out loud.

Ten collections, one tap from the menu

Pick a fabric to see what sits behind it on the live store.

All ten collections

One tap from the menu to the fabric someone already had in mind - rather than a single undifferentiated grid sorted by newest or by price.

Blue soft silk saree with a golden border

Soft SilkBlue soft silk saree with a golden border

TL;DRThe catalogue is organised around the sentence a customer would say out loud in a saree shop.

The product page

The cloth has to be the loudest thing

Four decisions, each solving a problem the customer would otherwise have solved by reaching out and touching it.

Pink Mysore crepe silk saree with a maroon border

A 400px thumbnail flattens the weave, the border and the drape into a coloured rectangle. At that size the customer cannot tell what they are buying, and that objection kills the sale.

Mobile-first

Desktop was the adaptation

Almost all of this traffic is mobile, and it arrives from Instagram. That is not a responsive-design footnote - it is where the design started.

  1. Instagram
  2. Landing
  3. Collection
  4. Product
  5. Checkout
Pink satin tussar saree with Kashmiri work

What the mobile layout prioritises

  • Product imagery first
  • Thumb-friendly navigation
  • Concise information
  • One clear next step
  • Reduced clutter
  • Fast browsing

Desktop was the adaptation. Mobile was the source.

Trust

When you remove touch, everything else has to work harder

A first-time buyer is being asked to spend four figures with a brand they have never heard of, on cloth they cannot feel.

  1. PhotographySee the cloth at a size where the weave reads.
  2. Detail shotsInspect the zari and the border up close.
  3. Product informationUnderstand what is actually being bought.
  4. Brand presentationEstablish that this is a real house, not a drop-shipper.
  5. Cash on deliveryRemove the payment risk from a first purchase.

When you remove touch, every other signal has to work harder.

Cash on delivery is not a payment feature

It is the trust mechanism. Switch between the two buyers.

“I have never heard of this brand, and I am about to spend four figures on cloth I cannot touch.”

What the checkout offers them

Cash on delivery

Both live in one checkout with no separate flow to maintain. Cash on delivery is not a legacy payment option in this market - it is the trust mechanism for a first-time buyer spending four figures with a brand they have not heard of.

Design to build

Deliberately boring underneath

A saree shop does not need a bespoke platform. It needs a catalogue that never goes down and a checkout nobody has to trust me to have written correctly.

  1. 01

    Understand

    How people actually ask for a saree - by fabric, by occasion, by a mental image of a border.

  2. 02

    Explore

    The wordmark and the zari motif, drawn in Illustrator, as the visual idea the storefront would be built on.

  3. 03

    Design

    Storefront layouts, the collection grid and the product template in Figma - the phone first, the desktop after.

  4. 04

    Build

    Dawn as the base, with the hero, collection grid, product template and navigation rewritten against the design.

  5. 05

    Hand over

    Every field the owners need in the Shopify admin, so restocking never comes back to a developer.

Built on Dawn, then taken apart

What was kept, and what was rewritten against the design.

What I kept

  • Cart

    Proven behaviour, left alone.

  • Checkout

    Shopify’s own, and not worth reinventing.

  • Accessibility base

    Already tested in the theme.

What I rewrote

  • Hero

    Rewritten against the design.

  • Collection grid

    Rewritten around fabric browsing.

  • Product template

    Rebuilt around detail photography.

  • Navigation

    Rebuilt around the ten collections.

I did not reinvent ecommerce infrastructure to prove I could. I rewrote the sections that decide how the brand and the cloth are experienced.

What it was made with

Design

  • Figma

    Storefront layouts, the product template, the mobile pass

  • Illustrator

    Wordmark and the zari motif that runs through the site

Build

  • Shopify

    Dawn theme, rewritten section by section against the design

The owners are users too

New stock arrives constantly

If adding a saree needs a developer, the catalogue goes stale within a month and the store quietly dies.

  1. New saree arrives
  2. Owner uploads photos
  3. Fills the Shopify fields
  4. Assigns a collection
  5. Publishes
  6. Customer can buy

A bad handover

“Message me when you want to add a saree.”

The actual handover

“Add it yourself.”

No hardcoded copy, no hardcoded products, no theme edit to run a sale. Everything the owners touch is an admin field - which is why the catalogue is still growing long after I handed it over.

Found by the fabric, not the brand

Written around the words people actually search.

Brand language

The words a house would like to be described in - and that nobody types into a search box.

Search language

  • Kanchivaram
  • Mysore silk
  • pattu

Titles, descriptions and collection pages are written around the fabric names people actually search, rather than around brand language nobody types.

Decisions

Six decisions, and what each one gave up

Every one of them traded something away. Open a card to see what.

01

The catalogue is organised by fabric

Ten collections - Kanchivaram, Mysore Silks, Soft Silk, Matka, Tussar, Organza, Dolla, Linen Tissue, Semi Crepe, Mul Cotton. The navigation mirrors the sentence a customer would say out loud in a shop, so browsing needs no translation step.

02

Photography got the space it needed

Large imagery, generous whitespace and a product template built around detail shots of the border and the zari. The layout is deliberately quiet so the cloth is the loudest thing on the page.

03

Checkout takes money the way the buyer wants to give it

Online payments for returning and confident buyers, cash on delivery for the first-timers. Both live in one checkout with no separate flow to maintain.

04

Built on Dawn, then taken apart

Shopify’s Dawn theme gave me a fast, accessible, well-tested base. I rewrote the sections that mattered - hero, collection grid, product template, navigation - against the design.

05

Designed on the phone first

Almost all of this traffic is mobile, arriving from Instagram. The desktop layout is the adaptation, not the source.

06

Everything the owners touch is a Shopify admin field

No hardcoded copy, no hardcoded products, no theme edit to run a sale. Adding a saree is uploading photos and filling a form.

Outcome

Live, stocked, and run by people who have never opened a code editor

What shipped, and the gaps I would close first.

  • A catalogue that keeps growing without me

    120+ sarees are live and the owners add to it themselves. Nothing on the content side comes back to me, which is the only real test of whether a handover worked.

  • Browsing that matches how people shop

    Ten fabric collections instead of one undifferentiated grid. A customer who wants a Mysore crepe gets to Mysore crepes in one tap from the menu.

  • Discoverable by the fabric people search for

    Titles, descriptions and collection pages are written around Kanchivaram, Mysore silk and pattu - rather than around brand language nobody types.

  • Shipping and payment across the country

    Delivery across India with both prepaid and cash on delivery, so the store is not limited to the metros where card payment is a given.

I did not build a saree store. I worked out why buying a saree is different.

Brand direction, information architecture, the storefront and the product page, the mobile-first pass, the trust model, the Shopify build - and a handover that meant the catalogue kept growing after I left.

The work

The client’s own photography, on the store as it shipped.

Blue soft silk saree with a golden border
Soft Silk
Pink Mysore crepe silk saree with a maroon border
Mysore Crepe Silk
Mustard yellow organza butter silk saree
Organza
Pink satin tussar saree with Kashmiri work
Tussar
Maroon matka silk saree with parrot embroidery
Matka Silk
Yellow dolla silk saree
Dolla
Blue linen tissue saree with Korean work
Linen Tissue
Pink and green mul cotton saree with a Kanchi border
Mul Cotton