Skip to content
Surinder T.

WorkMills find any shade by its code. Buyers reorder before the colour fades.

ARS Colors · online store for colour boxes, India, client work

Mills find any shade by its code. Buyers reorder before the colour fades.

11 pages for desktop and phone, from 1 user flow

Trust first, then 2 clear ways in.

  1. Proof first: 65+ countries, 3 seals.
  2. 1 line says what it is and for whom.
  3. 2 ways in: browse, or build a box.
  4. A fan of shades rises along the fold.
  5. Up top, the box that is due.

1,400 shades, 1 code each.

  • Overview: all 1,400 shades sit in 1 grid by hue, the whole box at once.
  • Speed: buyers quote codes, so typing 4H-04 opens that shade.
  • Trust: tray, row and column fix each code, the same at every mill.

The whole cost, beside the price.

  • Certainty: courier free, customs extra, said at the price.
  • Comparison: another system is 1 tap away, under the price.
  • Timing: a matching box shows at Add to Cart, as buyers decide.
The live product page: a big title, a paragraph, the price, Add To Cart, and the shipping terms in small type.
The new product page: a photo of the poms, the price with courier free and customs extra, Switch system, Add to Cart, and a matching box.

A custom box in 7 short steps.

  • Effort: 1 question a step, and a bar shows how many are left.
  • Help: every step links to a person, by call or email.
  • Honesty: a price range and the minimum order show before sending.

A faded box becomes the next order.

  • Reason: the page says poms from a 2023 order may have faded.
  • Timing: a returning buyer is greeted with the box that is due.
  • Effort: Reorder sits in that bar across the store, 1 tap away.

3 ways in, all on 1 map.

  • Choice: buy a system, build a box, or talk to a person, from home.
  • Default: guest checkout first, an account only after the order.
  • Loop: the account leads back to the cart, so a reorder is 1 path.
Home page, 3 ways in

User flow · 24 steps, from the FigJam

Buy a system

  1. Colour systems
  2. Product page
  3. Cart and checkout
  4. Payment
  5. Order confirmed

Guest by default, or sign in with a code, a password, Google or Apple.

Build a box

  1. Build your box
  2. 7 steps, 1 question each
  3. Quote requested

Talk to a person

  1. Prefer human help
  2. Talk to ARS form
  3. Enquiry sent

Also from step 7 of the box, and from Contact.

After the order, a guest is offered an account. The account leads back to the cart, to reorder.

The file's own foundations.

  • Paper#FBF9F4Page background
  • Cream#F4F0E8Section, canvas
  • Greige#E3DBCCCards, dividers
  • Clay#B0552FAccent, CTA, links
  • Ink#1A1714Headlines, text
  • Stone#6B6358Muted, captions
  • Ochre#8A6F3FHighlights, badges, seals
  • Moss#52745ASuccess, ticks, confirmations

What another client says

“If he says he will do something, there's no question that it will get done.”
Avin KlineCEO, Lucyd

In short

ARS Colors in India makes colour-reference boxes for carpet, textile and yarn makers. I designed its online store, every page for desktop and phone. The design finds any of 1,400 shades by its code. It turns a faded box into a reminder and a 2-click reorder. It is a design, not live yet.

A design, not live yetNot a measured result: Before is the live site, after is the design file

The problem
7 colour systems sit on flat pages. A cart table leads to a separate checkout.
What changed
  • The whole cost beside the price, and the next system 1 tap away
  • Any of 1,400 shades found by typing its code
  • A faded box turned into a reminder and a 2-click reorder
The result
The flow, every page at 2 sizes, and the foundations under them · From the design file

Surinder ThakurAI Product Designer and Builder between Dubai and India, for UAE, US and EU teams

Start with 30 minutes.

You talk to me, the one who leads your build. Tell me the tool, the users and what it should move.

Book a scope call1 slot open for Q4 2026
Or write to hey@surinder.design
years in UX and product design
19
YoY revenue at Puffy
+67%

Design manager for 2 years at Puffy, a $1B brand.

What happens after you book

  1. You fill a short intake formSo the call starts with your problem, not with questions.
  2. We talk for 30 minutesYour tool, your users and what it should move.
  3. You get scope and priceIn writing, within 24 hours. No pitch.

On time every time

“If he says he will do something, there's no question that it will get done.”
Avin KlineCEO, Lucyd
Surinder T.