Case studyAJIO Business · Product page redesign

Redesigned a wholesale product page from shop-floor research

Buying stock for your shop shouldn't feel like a gamble. AJIO Business is where retailers across India buy stock in bulk: apparel, footwear and sarees, sold by the pack. I redesigned the product page so a shop owner can tell exactly what's inside a pack, build their own when the catalogue falls short and sample a new brand before committing.

What it is
The page where a shop owner decides what stock to buy
What I owned
Interaction design and content design on that page
Who it was for
Retailers buying in bulk, not people shopping for themselves
What changed
Packs you can read without having to open one
Pack cards, Make-your-own Pack and sampling on the redesigned page
Pack cards, Make-your-own Pack and sampling on the redesigned page
The 30-second version
Problem
Stock is sold in packs, and the old page kept packs opaque. Retailers couldn't tell what was inside one until it arrived, couldn't adjust one to fit what actually sells in their area, and couldn't try a new brand without committing to its full minimum order. So a lot of them just bought offline.
My move
Sat with retailers in three cities, then rebuilt the product page: packs named and explained on the card itself, a flow to build your own pack against the brand's minimum, and sampling for first orders from unknown brands. I wrote the words as well as designing the screens.
Outcome
Shipped on a platform serving 8.8 lakh monthly active merchants. In usability testing, merchants read and compared pack contents from the collapsed cards without opening a single one.
Learning
Agree the pack names with retailers before locking the components. We designed the UI first, then spent the rest of the project explaining names the retailers never chose.
Every retailer wanted the same thing: to know exactly what they're getting before the money leaves.

What three cities of interviews boiled down to

02Context

One page decides whether the stock gets bought

Everything upstream leads to the product page. It's where a shop owner looks at one product and decides if it will sell in their shop.

AJIO Business is a wholesale app. Shop owners across India stock their shelves with apparel, footwear and sarees ordered in bulk. Stock comes in packs, a fixed bundle of sizes and colours, and every brand sets a minimum order quantity (the MOQ) below which it won't sell.

On the surface it looks like Amazon or Flipkart. The motive couldn't be more different: nobody here is shopping for themselves. Every order is inventory, and every tap is a margin calculation. Design instincts imported from consumer e-commerce break quietly on this page.

I worked on the product detail page, the screen where a retailer weighs one product and decides. I was the product designer alongside UX Research, and I owned the content design too: what every new feature was called, and how it explained itself at the point of decision.

The retailer is asking
  • “Will this sell?”
  • “Do sizes fit my region?”
  • “Can I trust this brand?”
  • “Can I test before buying?”
03Problem

Three ways the old page lost the sale

Packs you couldn't see inside, packs you couldn't adjust and brands you couldn't try. Retailers solved all three the same way: they bought offline.

The pack was a mystery box

An “assorted pack” could mean anything: 2 pieces per size, or 4 of one size and none of the rest. You found out after paying. Guess wrong and the leftover sizes sit on the shelf for months.

No way to adjust a pack

Size demand varies by region, but packs came fixed. A retailer who needed more of a fast-selling size had no option on the app, so they went to the local wholesaler who would oblige.

No way to try a brand

Meeting a new brand meant committing to its full minimum order on the first date. There was no small way in, so retailers stayed with the brands they already knew.

Before: “buy min. 3 pieces”. Of what, in which sizes? No answer on the page
Before: “buy min. 3 pieces”. Of what, in which sizes? No answer on the page
Before: a bare size picker. No guidance on what a shop actually needs
Before: a bare size picker. No guidance on what a shop actually needs
Before: the minimum-order maths only appeared in the cart, after the deciding
Before: the minimum-order maths only appeared in the cart, after the deciding
04Process · research

What retailers told us in three cities

Footwear, apparel and sarees each define a good pack differently. But every interview ended at the same place: nobody commits money to a pack they can't picture.

We sat with retailers in their own shops across three cities, footwear, apparel and sarees, and ran online sessions alongside. The people who run the categories and the regional seller teams gave us the other side of the story.

I walked into those shops ready to fight the term MOQ. Too jargony for a UI, kill it, that was my B2C instinct. Then I heard wholesalers use it in ordinary conversation, shop after shop. It was their word, not ours. It stayed in the interface exactly as they say it, and I stopped trusting my defaults from consumer apps for the rest of the project.

Field visits: saree clusters, footwear and apparel shops across three cities
Field visits: saree clusters, footwear and apparel shops across three cities
Smaller sizes sell more: 6, 7, 8, especially 7 and 8. Stock of 9, 10 always stays with me.
Footwear retailer

Size demand is regional. A one-size-fits-India pack turns into stock the shop can't move.

I don't want to re-buy a full pack when some 8s and 9s are left. I wait for it to sell out first.
Footwear retailer

With no way to top up just the sizes that sold, retailers waited or bought offline. The app never even saw that demand.

Offer samples or small-quantity packs to try and buy, especially for new brands and high price points.
Apparel & sarees retailer

A first order from an unknown brand is real money at risk. Every category asked for a smaller way to start.

05Decisions

Five calls that rebuilt the page

Every change removes one reason a retailer gave us for buying offline instead.

123
  1. 1Pack types, named and explained where the decision happens.
  2. 2Make-your-own Pack: pick sizes and colours, minimums tracked live.
  3. 3e-Sample: order below the minimum to test a new brand first.
Decision 01

Collapsed pack cards, expandable on demand

A retailer does two jobs on this screen: scan every pack to shortlist, then study one closely before paying. Collapsed, a card shows just enough to compare on: pack type, sizes, piece count, price. Expanded, it shows exactly which pieces you get, size by size.

Collapsed: enough to compare on
Collapsed: enough to compare on
Expanded: the full size-to-quantity table
Expanded: the full size-to-quantity table
Decision 02

A pack-type taxonomy, named and explained on the card

Half this work was naming. We defined six pack types, each with a name, an icon and a one-line explanation that lives on the card itself, where the money decision happens. A retailer should never have to learn our vocabulary to buy stock.

Multi-size: one colour, a run of sizes
Multi-size: one colour, a run of sizes
Multi-colour: one size, many colours
Multi-colour: one size, many colours
Cut-set: a single size, for restocking
Cut-set: a single size, for restocking
Assorted: trending mix of sizes and colours
Assorted: trending mix of sizes and colours
Combo: multiple sizes, styles and colours
Combo: multiple sizes, styles and colours
Catalogue: colour variety, free size
Catalogue: colour variety, free size
Decision 03

Make your own pack when the catalogue falls short

When no pack matched their shop, retailers used to have one option: leave. Make-your-own Pack lets them build one piece by piece, colours and sizes, with the brand's minimum counting up live as they add. You qualify before the cart, not in it.

It has two front doors. A banner on the product page for the retailer who discovers it while browsing, and an entry inside size selection for the one who walked in knowing exactly what their shelf needs.

1 · Make-your-own Pack, offered on the product page
1 · Make-your-own Pack, offered on the product page
2 · Pick a size range, or customise from scratch
2 · Pick a size range, or customise from scratch
3 · Build the pack, MOQ progress tracked live
3 · Build the pack, MOQ progress tracked live
4 · Qualified before the cart, no surprises
4 · Qualified before the cart, no surprises
Decision 04

e-Sampling for the first buy from an unknown brand

The hardest moment isn't buying. It's buying from a brand you've never stocked. Research said it in every city: let me try first. e-Sampling lets a retailer order below the minimum, put the product in their shop and then commit to a full pack.

The sample offer sits above the packs
The sample offer sits above the packs
After the sample: a nudge toward the full pack
After the sample: a nudge toward the full pack
Decision 05

What we scrapped, and what had to wait

Scrapped: compact pack componentDeferred: pack-type filter on the listing page

A compact pack card worked beautifully for shoes and fell apart for sarees, so it went. Filtering by pack type on the listing page needed pack data tagged upstream by another team, so we designed the page ready for it and let the filter wait on their timeline.

Explored: a compact pack grid, clean for footwear
Explored: a compact pack grid, clean for footwear
Explored: packs grouped by size run
Explored: packs grouped by size run
06Outcome

Shipped to 8.8 lakh merchants

8.8L
Shop owners buying stock here every month
53.2%
Of them come back the following week
22m 39s
They spend this long in the app per visit
6.9
Visits a merchant makes in a month

In usability testing on the new page, merchants read and compared what's inside a pack from the collapsed cards alone, without expanding one. Both jobs the card had to do, scanning and studying, held up.

The big numbers belong to the whole platform. Feature-level adoption was never tracked separately, so I won't pretend to own them. What I do own: every feature above answers a hesitation retailers described to our faces.

07Learning

What I'd do differently

Agree the pack language with retailers before locking the components. We spent the project explaining names the data model chose.

The pack names came from our catalogue structure, not from retailers, and the UI spent the rest of the project compensating: icons, labels and inline copy, all load-bearing. Necessary work, but it was carrying weight that shared language would have carried for free. With the runway again, I'd run a card sort on pack terminology before drawing a single wireframe.

The irony isn't lost on me. The field visits taught me to keep the retailer's own word for the minimum order, and we still shipped six pack names retailers never chose.

Six pack types, one question: what varies inside the pack?
Nothing varies
  • Cut-set · one size, for restocking
Sizes vary
  • Multi-size · one colour, a run of sizes
Colours vary
  • Multi-colour · one size
  • Catalogue · free size
Both vary
  • Combo · chosen mix
  • Assorted · trending mix