Case Study · E-commerce & Trust

WatchWinders

Selling six-figure watches in a market that buys them over WhatsApp — a storefront built to carry the one thing a luxury watch can’t be sold without.

Client
Watch Winders
Role
E-commerce Design + Development
Platform
Shopify · Custom Theme
Year
2026
watchwinders.pk
The Watch Winders homepage, scrolling from hero to footer

The problem

Awatchisthemostcounterfeitedluxuryobjectonearth,andPakistan'sgreymarketrunsonscreenshotsandtrust-mepricing.Online,authenticitycan'tbefeltsotheentirepurchasehangsonwhetherthestorefrontcanproveit.

01

The doubt

A Rs.625,000 decision starts with one unanswerable question: is this the real thing, and is this the real price?

02

The workaround

So the category retreats to DMs. Prices are quoted privately, stock is a screenshot, and every buyer negotiates from zero.

03

The cost

Nothing scales. The dealer re-earns trust in every single conversation, and the buyer never gets to browse — only to ask.

Research

What the cataloguetold us to build.

Method 01

Catalogue audit

319 references across 23 maisons, mapped by movement, condition, strap and price band.

Method 02

Competitive teardown

How Pakistani watch retail actually sells — Instagram-led dealers with no browsable stock.

Method 03

Trust-signal review

What collectors demand before paying: papers, serials, warranty terms, returns.

Method 04

Conversation audit

The enquiries that precede a sale, and which of them a page could answer instead.

Method 05

Merchandising review

Which pieces move and which stall — roughly half the catalogue is in stock at any moment.

Method 01, in full

The shape of the catalogue.

References per house

0 — 132

  • Seiko132
  • Tissot62
  • Hamilton19
  • Orient15
  • Frédérique Constant13
  • Longines12
  • Oris12
  • Casio12
  • Citizen8
  • Swatch × Omega8
  • Timex6
  • Bulova5
  • Baltic2
  • Omega2
  • Cartier2
  • Rado2
  • Blancpain × Omega1
  • Swatch1
  • Nomos1
  • Tudor1
  • Loresum1
  • Mido1
  • Mathey-Tissot1
0
References
0
Maisons
0
In stock at once
168,500
Median price, Rs.

Two houses carry 61% of the catalogue between them, and seven hold a single reference each. Ranked like this, the merchandising problem stops being a matter of opinion.

A catalogue this lopsided can’t be browsed as one list. It had to be entered three different ways.

Design goals

Four rules we refusedto break.

Written before any interface existed, so that later trade-offs had something to be measured against.

Prove before you sell

Authenticity, warranty, insured delivery and returns appear on every buying surface — not on a policy page nobody opens. If a promise matters, it sits where the money is decided.

Keep the conversation open

WhatsApp isn’t a fallback for a broken page. It’s a first-class button beside Add to Cart, because in this category the largest orders close in conversation.

Make 319 watches feel curated

Three parallel ways in — by house, by purpose, by deal — so the catalogue reads as a collection someone assembled rather than a database someone uploaded.

Quiet luxury, no shouting

One gold on paper-white, a serif display face, and real negative space. Red is rationed to a single token and spent only where a clock is genuinely running.

User journey

From Hesitation toConfident Purchase

We mapped the end-to-end experience of a collector on Watchwinders.pk — from the first moment of doubt to the confidence of placing an order. Each step was designed to remove friction and build trust.

Step 01 of 03

Second Thoughts?

Directly beneath Add to Cart sits “Seen it Cheaper? Ask for a Best Deal”. The price objection is answered in the same eye-line as the purchase, instead of being pushed into a private message.

Step 02 of 03

Haggling becomes a form

Three steps and one form that requires both links — ours and the cheaper one. That single required field is what turns an open-ended negotiation into a verifiable, answerable request.

Step 03 of 03

“Out of stock” becomes an order

And when the answer is that we simply don’t have it, a four-step sourcing path takes over — reserve, source, authenticate, deliver — with a budget field so the conversation starts qualified.

  • Second Thoughts?
  • Haggling becomes a form
  • “Out of stock” becomes an order
watchwinders.pk
Second Thoughts?
watchwinders.pk
Haggling becomes a form
watchwinders.pk
“Out of stock” becomes an order

UI showcase

Four decisions doing mostof the work.

Where the goals stopped being abstract and started being pixels.

watchwinders.pk
Condition, badged not buried.
watchwinders.pk
01Proof over persuasion

Condition, badged not buried.

Five states, one component, top-left of every card: Brand New in gold, Pre-Loved and Sold Out in charcoal, Open Box outlined, Deal reserved for the weekly feature. A collector reads the whole grid's honesty in a single pass, without opening anything.

The five states
  • Brand New
  • Pre-Loved
  • Open Box
  • Sold out
  • Deal

In luxury resale the guarantee isn't marketing copy. It is the product.

watchwinders.pk
Brands introduced like houses.
watchwinders.pk
02Provenance as navigation

Brands introduced like houses.

Japan · Since 1881. Le Locle, Switzerland · 1853. Saint-Imier, Switzerland · 1832. Each featured maison sits on a dark card with a radial glow keyed to its own watch, and nineteen more follow as a quiet logo grid beneath.

Heritage is the reason for the price. Put it where the price gets decided.

watchwinders.pk
Movement, strap, type, condition.
03Filtering the way collectors think

Movement, strap, type, condition.

Six facet groups, every option carrying a live count, a price range, and nine sort orders — then numbered pagination rather than an infinite scroll that loses your place. Out-of-stock stays filterable instead of vanishing, because a sold-out reference is still a lead.

A count beside every facet turns browsing into a conversation with the inventory.

watchwinders.pk
Sales that shout.
watchwinders.pk
04Built to get noticed

Sales that shout.

A flip-clock countdown in serif numerals, a gold scarcity line, and the sale price in the only red the entire palette contains. Everywhere else the storefront stays quiet — so this is the block shoppers stop on, and the one they act on.

Keep the rest of the store calm and your one loud moment does all the selling.

Design system

One kit the wholestore runs on.

Editorial, not retail

A serif display face and a 1720px canvas borrow their manners from watch magazines rather than webshops — because the pieces cost what a car costs.

Gold as punctuation

One accent family, spent on rules, badges, prices and hovers. Never a background wash, never two golds fighting in the same view.

A dark chapter, on purpose

A full charcoal token set means editorial moments — collection heroes, the deal panel — can invert without anyone inventing a new colour to do it.

Two easings, everywhere

One entry curve, one exit curve, applied to drawers, panels, marquees and hovers. The whole storefront moves as though one hand built it.

Colour

  • Paper#FFFFFF
  • Ink#171614
  • Gold · display#C8A44D
  • Gold · text#A58433
  • Charcoal#100F0E
  • Sale — the only red#B4452F

Type scale

  • Display · Cormorant GaramondDeal Of The Week
  • Title · Cormorant GaramondShop By Brand
  • Body · ManropeRs.625,000.00
  • Label · mono35 TIMEPIECES

Non-negotiables

Max canvas
1720 px
Corner radius
12 / 14 px
Reds in the palette
One
Hero height cap
75 / 88 svh
#25D366

One sanctioned exception

The “Ask a specialist” button is WhatsApp green — the only element on the entire storefront that isn’t gold, ink or charcoal. Borrowing the platform’s own colour makes the channel recognisable at a glance, and holding the exception to exactly one component is what keeps the rest of the palette disciplined.

Four collections, four colour fields

Rather than one card template repeated four times, each purpose collection owns a surface — dive green, heritage beige, Swiss grey, a charcoal diagonal for the full catalogue. The reference count sits in small caps above a serif title, and the watch always breaks the right edge.

Dive & Sport — 9 references
Dress & Heritage — 46 references
Swiss Automatics — 23 references
Explore All Pieces — 100+ references

Before & after

The same 319 watches.A different store.

The old storefront was a WordPress theme doing its best with a six-figure catalogue. It could list watches. It couldn't answer the questions that decide whether someone buys one. Screen for screen, here is what changed.

01

The homepage

Before · WordPress + Porto

A stock template opening: a five-watch carousel, a black icon strip, a “Featured Watches” rail. Nothing on it belongs to this dealer in particular.

After · bespoke build

One collection, full-bleed, with the two things a nervous buyer needs in the same view — a way in, and a specialist to ask. Six promises sit directly underneath.

02

The catalogue

Before · WordPress + Porto

One flat “Shop” grid behind a column of checkboxes with no counts, sorted by popularity, with out-of-stock pieces mixed straight into the results.

After · bespoke build

Three ways into the same 319 watches — by house, by purpose, by deal — with every filter counted before you spend a click on it.

03

The product page

Before · WordPress + Porto

A price, a spec table and a row of share icons. The best-deal request was a thin red outline under Add to Cart, easy to read as a warning.

After · bespoke build

Price, stock, buy, price-beat, WhatsApp — then authenticity, delivery, warranty and packaging, in the order a buyer actually asks for them.

04

The special order

Before · WordPress + Porto

A bare quote form under a red heading: eight identical grey boxes and a file upload. Nothing on the page said what happened after Send Request.

After · bespoke build

The process first — reserve, source, authenticate, deliver, with the four-to-six week timeline stated up front — then the pieces you can order, then the form.

The last screen

Where a WhatsAppthread used to end.

A two-million-rupee order now confirms itself on the page — with an order number, the payment method, the status and what happens next. The buyer never has to ask whether it went through.

The order confirmation screen — order number, date, total, payment method and status

The outcome

A theme built from scratchfor one category.

Watch Winders runs on a bespoke Shopify theme with no marketplace template underneath it — designed, built and merchandised around a single question a buyer always asks first.

0

References merchandised

Every piece specified, badged by condition, and reachable through six facet groups and nine sort orders.

0

Maisons given a house page

Each with its city, its founding year and its own range view — from a single template with one variable changed.

0

Bespoke storefront sections

Hero slider, trust bar, brand showcase, marquee, collections grid, best sellers, deal of the week, reviews, Instagram rail, favourites, cart drawer.

0

Third-party apps

Reviews, filtering, wishlist, predictive search and the cart drawer are all native to the theme we built.

Loved across Pakistan · 4.9 average · 1,240+ reviews

Ahmed Raza

Verified Customer

Longines HydroConquest

Easily the most trustworthy watch dealer in Pakistan. My Longines arrived double-boxed, fully papered, and the team walked me through sizing on WhatsApp the same evening.

Lahore, PK · 2 days ago

Sana Fatima

Verified Customer

Seiko Presage Automatic

The winder I bought for my Presage is whisper quiet — I genuinely forget it’s running. Beautiful packaging too.

Karachi, PK · 3 days ago

Bilal Khan

Verified Customer

Tissot PRX Powermatic 80

Bought the PRX as an anniversary gift. The installment option made it effortless and it arrived in two days.

Islamabad, PK · 4 days ago

Every review carries a name, a city, the watch it refers to and a verification mark — the same principle as the condition badge, applied to social proof. Vague praise persuades nobody in this category.

What we took away

The storefront isn’t selling the watch. It’s selling the proof.

Every feature that survived was one that answered a question a buyer would otherwise have asked in a private message: is it real, is this the best price, when does it arrive, what happens if it isn’t right. Designing for a market that runs on personal trust isn’t about adding persuasion — it’s about moving the entire conversation onto the page.