Case studyE-commerce, UX and UI
Handloom fashionD2CShopify

शून्य योगी

Shoonya Yogi

Two years of weaving a handloom store, from a 4-product site to a 19-product Shopify brand.

The briefA Mangalgiri handloom label selling dhotis online with a basic site, few products and no story.
What I didDesigned and ran the store for two years: research, IA, UI, campaigns and the move to Shopify.
The outcomeA seasonal, story-led store with sets, kits and festival edits, run by a designer without a developer.
wearthestillness.shop
Final Shopify home page
Final mobile home
live at wearthestillness.shop
RoleProduct designer, store lead
TimelineSept 2024 to Oct 2026
PlatformCustom site, then Shopify
Worked withFounder, Mangalgiri weavers
19
products, from 4
7
store versions
14
seasonal edits
2.3%
conversion, from 0.9%
01Problem and insights

Beautiful cloth, invisible online

V1 went live on instinct. What its first buyers told us shaped every version after it.

Problem statement

How might a small handloom label tell the story of every thread, and turn one-off dhoti buyers into people who come back every festival?

One designer, no developersMost visits on a phoneSmall handloom batches
Who buys, three composites
Ananya, 29
Yoga teacher, Pune
Buys for practice
"I need something I can sit in for an hour."
Rohan, 34
Festive buyer, Bengaluru
Buys for a festival
"Show me the full look for the puja."
Meera, 41
Gifting, Hyderabad
Buys a gift
"I want it to arrive wrapped and on time."
What we learned
Fit anxiety
One-size, unisex dhotis confused first-time buyers.
Colour paralysis
Four look-alike dhotis, no reason to pick one.
Looks, not pieces
People pictured a full outfit, not a single item.
Seasonal intent
Buyers shopped for a day: a puja, a wedding, Yoga Day.
Design goals
Sell a look, not a piece
sets, and a builder for any pair
Make colour easy to choose
a name and a story for every colour
Launch a festival in days
one template a designer can run
Give a reason to return
a new edit every season
02Before and after

Same cloth, a different store

The launch site next to the store I handed over. The cloth and the weavers never changed. How it was shown, named and sold did.

V1, at launchSept 2024, custom site
wearthestillness.shop
V1, at launch home page
V1, at launch mobile home
Final storeOct 2026, Shopify
wearthestillness.shop
Final store home page
Final store mobile home
What changed
V1, Sept 2024Final, Oct 2026
Range4 dhotis19 products: 8 dhotis, 9 kurtas, the Whites
BuyingOne piece at a timeSets at 10% less, a practice kit, gift cards
StoryA generic template, no storyEvery dhoti has a Sanskrit name and a story, the weavers are on the page
PhotosFront-facing, the drape hiddenSide angle, the same pose for every dhoti
NavigationHome, Shop, About, ContactDhotis, Kurtas, Long kurtas, Sets, The Whites, Gifts: one level
LookDM Sans, stock blue accentsCormorant and Jost, Ink and Gold, one 52 px button
CheckoutCash on delivery by defaultUPI first, with cards and EMI
03Process and versions

Seven versions, one loop

From the first weeks after launch, every change went round the same loop: about two weeks from listening to live, then the measuring begins.

1
Listen
2 days
2
Sketch
half a day
3
Two options
2 days
4
Review
1 day
5
Build
3 days
6
Measure
2 to 7 weeks
The product page, sketch to live
1Rough sketch
Sept 2024
Founder: "the drape gets lost in a grid"
2Option A, grid
button in the page
Chosen. Its side-angle photo then won A/B test 1
3Option B, tall photo
sticky add to bag
Final mobile product page
4Live, final store
Oct 2026
04Year one, the custom site

From four dhotis to a collection with a name

Three versions on a hand-built site. These are the screens that gave the brand its voice before Shopify.

wearthestillness.shop
The Pancha Bhuta collection: five dhotis, each named after an element
V2, Nov 2024The Pancha Bhuta collection: five dhotis, each named after an element
wearthestillness.shop
The first kurta, styled with the dhoti it was made for
V2, Nov 2024The first kurta, styled with the dhoti it was made for
wearthestillness.shop
Product page: side angle first, Sanskrit name, colour swatches
V2, Nov 2024Product page: side angle first, Sanskrit name, colour swatches
wearthestillness.shop
Sets: a kurta and a dhoti, priced as one look
V3, Mar 2025Sets: a kurta and a dhoti, priced as one look
wearthestillness.shop
Lifestyle bands between the shop sections
V3, Mar 2025Lifestyle bands between the shop sections
05Shopify, four seasons

One store, re-dressed each season

The same template underneath. A new mood, story and edit at the top every season.

wearthestillness.shop
A dark store to launch the black dhoti
S2, Jan 2026A dark store to launch the black dhoti
wearthestillness.shop
Summer: the long kurta, in warm light
S3, Apr 2026Summer: the long kurta, in warm light
wearthestillness.shop
The Monochrome Set: black and white, worn as one look
S2, Jan 2026The Monochrome Set: black and white, worn as one look
wearthestillness.shop
Navratri at the top, the dhoti menu sorted by colour
S4, Aug 2026Navratri at the top, the dhoti menu sorted by colour
wearthestillness.shop
Your kurta, your dhoti: the set builder, short or long
S4, Aug 2026Your kurta, your dhoti: the set builder, short or long
wearthestillness.shop
Mayur and Vana, each new dhoti given its own colour field
S3, Apr 2026Mayur and Vana, each new dhoti given its own colour field
wearthestillness.shop
The Diwali gift edit, as a band on the home page
Final, Oct 2026The Diwali gift edit, as a band on the home page
wearthestillness.shop
The festival calendar: every edit, planned a season ahead
S4, Aug 2026The festival calendar: every edit, planned a season ahead
06Structure

Flat enough to shop in two taps

The site grew from 4 products to 19. The structure had to stay flat enough to shop in two taps, and simple enough for one designer to run.

Sitemap, final storecolour is chosen on the product page, not in the menu
Home
Dhotis
8
Pancha Bhuta, Shoonya, Mayur, Vana
Kurtas
5
half sleeve, unisex
Long kurtas
4
knee length
Sets
builder
short set, long set
The Whites
2
tee, track pant
Gifts
cards
Rs 1,000 to 10,000
Kits
1
Practice Essentials
Festivals
edit
the current festival
Story
craft
weavers, care
in the top menureached from the home page
Top navigation, over time
V1
Home, Shop, About, Contact
pages, not products
V3
Shop all, Dhotis, Kurtas, Sets
shop by product type
S2
adds Shoonya Black, The Whites
collections join the menu
S4
mega menu by colour and collection
more than a phone menu needs
Final
Dhotis, Kurtas, Long kurtas, Sets, The Whites, Gifts
flat and one level again
The move to Shopify, Nov 2025

By Oct 2025 every festival edit needed code. The store had to be run by a designer, not a developer.

Time to build a festival edit page
Custom site
2 days
Shopify
3 hours

4 weeks, no downtime

07Design

Designed to sell a look, not a piece

Set builder, step by step9 kurtas x 8 dhotis = 72 possible sets
1Pick a kurta
5 short, 4 long
Before
kurtas and dhotis sat on separate pages
2Pick a dhoti
8 colours
Before
no way to see the pair together
310% less
Rs 1,755
Rs 1,950
Before
no reason to buy both
4Bag
Set price applied automatically, free-shipping bar shows what is left
Before
shipping cost was a surprise at checkout
wearthestillness.shop
Mayur Dhoti product page
123456
Product page anatomy

One template for all 19 products, so every page reads the same way.

1Side-angle gallery, same pose for every dhoti
2Sanskrit name in Devanagari and English
3All 8 colours as swatches, one tap away
4Unisex sizes with a size guide
5Sticky add to bag, price in the button
6Complete the set upsell
Bag and checkout

Every discount explains itself, so nobody leaves to compare prices.

Free-shipping progress bar
Set discount, explained
Festival code with a clear rule
Complete the look, one tap
Mobile first4 in 5 visits on a phone, so every page was drawn at 390 px first
Sticky add to bag
Sticky add to bag
Set builder, one column
Set builder, one column
Festival edit
Festival edit
Thumb zone
easy reachstretchtwo hands

buying at the bottom, browsing at the top

08Design system

Quiet by default, colour from the cloth

Three rules run every page: neutrals do the work, one accent marks the action, and colour belongs to the cloth. Set up in V3, carried to Shopify and used on every store since.

Colour, in three layers
Neutrals 85%
Cloth 10%
Accent 5%
Neutrals, surfaces and text, everywhere
Cloth, only on products: photos, swatches, product names
Accent, one button or one band per page
One neutral ramp, light to dark
Paper
cards, the Whites
Cotton
page
Unbleached
bands, image wells
Line
rules, borders, text on dark
Loom
labels, secondary text
Ink
text, primary button
Night
dark stores
The action colour
Gold
festival button, one per page
Gold dark
gold text on light
Cloth colours, for products only

Each one is a product you can buy. They appear as swatches, in photos and beside a product name, never as interface colour.

Prithvi
Jal
Agni
Vayu
Akash
Shoonya
Mayur
Vana
Ivory
Mustard
Red
Navy
Olive
Kesari
Indigo
White
How a cloth colour appears
पृथ्वी
Prithvi Dhoti
Rs 1,100
Festival accents, one each

A festival page keeps the neutral ramp and borrows one accent, for one band and one button.

Year-end sale
Forest
Summer sale
Lake
Weddings
Gold dark
Sankranti
Turmeric
Holi
Gulal
Yoga Day and Ganesh
Saffron
Navratri
Maroon
Diwali
Indigo night
Shivratri
Night, with Gold

Summer adds one tint, a light Lake tint, for its hero. Gold dark passes only for large text, so the Weddings button stays Ink. Holi gulal and the nine Navratri day colours are content, shown in photos and swatches, never on buttons.

Type, by role
RoleSampleFontSize, pxUse
DisplayWoven slowlyCormorant Garamond 30064 / 44 / 28headlines, italic for the second phrase
BodyHandwoven in MangalgiriJost 30017 / 15paragraphs, prices
LabelAdd to bagJost 400, caps, 0.26em11buttons, navigation, eyebrows
Nameपृथ्वीTiro Devanagari17 to 36one word above a product name
Components
Add to bagShop the setShop the gift edit

One height, 52 px. Ink for buy, an outline for browse, Gold only for the festival action. Square corners.

SMLXL

Swatches and sizes give a 44 px tap area. The chosen one gets an Ink ring or fill.

Five rules
Neutrals carry the page, colour comes from the cloth
One accent and one gold button per page, never two
No pure black or white, use Night and Paper
Caps only for labels and buttons, never headlines
Photos: side angle, same pose, warm daylight, no props
09Festival campaigns

A store that keeps the calendar

14 seasonal edits in two years: two early sales, then 12 festival edits. Each edit is a mood, a story and a reason to come back, built from the same system with one festival accent.

Six of the 12 festival edits, on Shopifyeach swatch is that edit's one accent
Weddings
WeddingsNov 2025
Gold dark
Sankranti
SankrantiJan 2026
Turmeric
Holi
HoliMar 2026
Gulal
Yoga Day
Yoga DayJun 2026
Saffron
Ganesh
GaneshSept 2026
Saffron
Navratri
NavratriOct 2026
Maroon
Anatomy of an edit
1Moodone accent from the system, the colour of the festival
2Heroone photo and one line, the story first
3Edit6 to 9 products, picked for the day
4Offerone code or a set price, never sitewide
5Order bya calm date, no countdown timer
6Aftera gift card offer and a journal story

One template, so an edit went from idea to live in a day on Shopify.

What did not work first

The first two seasons were sales. Orders barely moved, and buyers started waiting for the next discount.

Navratri 2025 tried an edit instead: one offer on sets, gift wrap and a story. Orders rose, and every season after followed that model.

46%of revenue in the Shopify year came from festival edits

one offer per edit, never a sitewide sale

10Decisions and proof

Six decisions that did the selling

Each one started as something buyers struggled with. The riskiest ones were tested before they shipped.

01
Name colours after the elements
Four look-alike dhotisPrithvi to Akash, a story per colour
Colour became the reason to choose
02
Side angle as the hero
Front shots hid the drapeSame pose, side angle, every dhoti
Add to bag +33%, A/B test 1
03
Sets at 10% less
Buyers pictured outfitsAny kurta plus any dhoti, auto discount
Set orders up by half once long kurtas joined
04
Free shipping at Rs 1,999
Kurta plus dhoti came to Rs 1,950Threshold sits just above the pair
Order value +25%, A/B test 2
05
One product template
Every product page built by handOne template, content filled per product
A new product live in minutes
06
UPI first checkout
COD felt safer to new buyersRazorpay, UPI and EMI up front
Most buyers now pay upfront
Test 1, Sept to Oct 2024
Front photoA
Front photo
Side angle, the drape showsB
Side angle, the drape shows
Tested, not guessed: one change at a time, half the visitors each
Side-angle photo beat the front photoShipped
Free shipping at Rs 1,999 beat Rs 1,499Shipped
Offering long sets lifted set ordersShipped
A countdown timer did no better than a calm dateDropped

pressure does not suit a brand about stillness, so the calm date stayed

11Outcomes and learnings

What the store gave back

Three numbers the design moved, and what changed for the people who use the store.

2.3%
conversion, from 0.9%
7.2%
of visits add to bag, from 4.3%
24%
repeat buyers, from 9%
What changed for people
BuyersSee the drape, choose a colour by its story and build the whole look on one page.
The founderLaunches a festival edit without waiting for code.
MeRan a 19-product store alone, with one template and one system.
What I would weave again
Fit is a design problem
Unisex sizing raised the most questions, so the size guide moved onto every product page, right next to the sizes.
Name the thing
Sanskrit names did more for colour choice than any filter.
Design for the designer
Moving to Shopify was a UX decision for the team, not just the shopper.
Placeholders are a process
Labelled boxes let design, copy and photos move in parallel.
AI-assisted prototyping
I designedResearch, flows, layouts, UI, copy and what ships
AI draftedTheme code and page variants for testing
I reviewedEvery line of code and every variant before it went live
Roadmap I handed over, Oct 2026
NowReviews and photos from buyers, a fit finder for the drape
NextWhatsApp order updates, a practice kit subscription
LaterStudio and wholesale portal, weaver stories on video
धन्यवादThank you for reading.
wearthestillness.shop