Back to work Case study 04 / 06
(04) Luxury e-commerce2026

Watch Winders

A luxury watch store, designed from scratch around the customer experience.

The new Watch Winders homepage hero
01 — The starting point

A watch dealer, 319 watches, and a basic online store

watchwinders.pk sells authentic luxury watches in Pakistan. I designed the full store experience from scratch, from browsing and product discovery to product pages and checkout, then built it on Shopify, replacing the old WooCommerce store.

Client
Watch Winders
Role
Design + development
Platform
WooCommerce → Shopify
Year
2026
02 — The problem

The old store made every sale a conversation

Four things stood between a visitor and a purchase.

  1. 01

    A big catalogue, one flat list

    319 watches in a single grid, with sold-out pieces mixed in.

    Old catalogue: one flat grid
  2. 02

    23 brands, no way in

    A logo wall still showing template placeholders, and no brand pages behind it.

    Old brand wall with placeholder logos
  3. 03

    Not enough to decide on

    A price and a spec table, for a purchase that can pass Rs.600,000.

    Old product page
  4. 04

    Trust handled in private

    Prices and stock were confirmed over WhatsApp, one buyer at a time.

    Old filters without counts
03 — Design goals

Four rules for every screen

Written before any screen was designed, so every later decision could be checked against them.

  1. 01

    Prove it before you sell it

    Authenticity, warranty, insured delivery and returns sit next to the price on every product, not on a policy page nobody opens.

  2. 02

    Keep WhatsApp close

    In Pakistan the biggest orders close in conversation, so “Ask a specialist” sits right beside Add to Cart instead of being hidden.

  3. 03

    Make 319 watches feel chosen

    Three ways in, by brand, by use and by deal, so the catalogue feels like a collection rather than a database.

  4. 04

    Quiet luxury

    One gold on white, a serif display face and plenty of space. Red is used in one place only: when a sale clock is running.

04 — Information architecture

Four steps from the homepage to the right watch

Each page narrows the choice, so visitors never face all 319 watches at once.

  1. 01 · Homepage
    New homepage hero

    One collection up front, a way in, and a specialist to ask.

  2. 02 · Brand
    Shop by brand section

    Shop by brand: each house gets a card, then its own page.

  3. 03 · Catalogue
    Tissot brand catalogue with filters and product grid

    All Timepieces, with every filter counted before you click.

  4. 04 · Product
    Product page for a Tissot Ballade, gallery and buy panel

    Price, stock, buy and the answer to “is it real?” in one view.

05 — The product page

Answer every question before it’s asked

The page is ordered the way a buyer thinks: what does it cost, is it available, can I trust this, what exactly is it.

Full product page for a Longines Master Collection12345
  1. 1

    Price, then how to pay

    Bank transfer and cash on delivery sit under the price, with a live stock bar, because availability is the next question.

    Brand, title, price and stock
  2. 2

    Second thoughts, answered on the spot

    “Seen it cheaper? Ask for a best deal” sits under Add to Cart, where the price objection happens, with WhatsApp right below.

    Add to cart, best deal and WhatsApp
  3. 3

    Four promises before the fold

    Authenticity, insured delivery, warranty and packaging, above the specs instead of in the footer.

    Four trust promises
  4. 4

    Specs a collector checks

    Calibre, case size, water resistance, lug width and condition, in one scannable list.

    Description and specifications
  5. 5

    The fine print stays one tap away

    Specifications and shipping, returns & warranty fold away so the buy panel stays short.

    Accordions for specs and shipping
06 — Price objections

When the buyer says “I’ve seen it cheaper”

Haggling used to happen in private messages, one buyer at a time. I moved it onto the page in three steps.

Product page buy panel with the Ask for a Best Deal link under Add to Cart
01

Second thoughts, answered in place

“Seen it cheaper? Ask for a best deal” sits directly under Add to Cart, at the exact moment the doubt happens.

Best deal request form asking for both product links
02

Haggling becomes a form

One short form that needs two links: ours, and the cheaper one. That single required field turns an open-ended negotiation into a request the store can actually check and answer.

Special order page: reserve, source, authenticate, deliver
03

“Out of stock” becomes an order

If the store doesn’t have it, a four-step path takes over: reserve, source, authenticate, deliver. A budget field means the conversation starts with the right details.

07 — Scale

Making 319 watches feel like a shop, not a warehouse

319watches
23brands
61%of the watches are Seiko or Tissot
Watches per brand
  • Seiko132
  • Tissot62
  • Hamilton19
  • Orient15
  • Frédérique Constant13
  • Longines12
  • Oris12
  • Casio12
01/03By brand

Shop by brand

Most buyers already know the brand they want. Each brand gets its own card and its own page, so they can go straight to it.

Brand showcase cards
02/03By purpose

Shop by use

Some buyers know what the watch is for, like diving or a formal event, but not which model. Collections group watches by use: dive, dress, Swiss automatic, or everything.

Collections: Dive & Sport, Dress & Heritage, Swiss Automatics and Explore All Pieces
03/03By deal

Shop by price

Some buyers are looking for a good price. One watch is on offer each week, with a countdown showing how long is left.

Deal of the week
08 — The details

Anatomy of a product card

The part of the store buyers see most. Six small decisions, each answering a question before it’s asked.

Condition badgeBrand New, Pre-Loved or Open Box, always top-left, so condition is never buried in the description.
BrandThe house first, in small caps. For most buyers it’s the first thing they filter by.
PriceThe full price in rupees. No “call for price”, no private quote.
Seiko Presage Classic Semi-Skeleton Open Heart
✦ Brand New
SeikoSeiko Presage Classic ‘Semi-Skeleton’ Open Heart SPB527Rs.295,000.00
WishlistSave a watch without leaving the grid.
One watch on whiteIsolated on the same white ground, so the grid compares watches, not photos.
Model and referenceThe full name and reference number, because collectors search by reference.
09 — Before and after

The same 319 watches, a different store

The old store was a WordPress template. It could list watches, but it couldn’t answer the questions that make someone buy one.

01 · Homepage
Before
Old homepage: a stock template carousel
After
New homepage with one collection up front

A stock carousel that could belong to any shop, replaced by one collection up front, a way in, and a specialist to ask.

02 · Catalogue
Before
Old shop: one flat grid with uncounted checkboxes
After
New catalogue with counted filters

One flat grid with sold-out watches mixed in, replaced by filters that show a count before you click.

03 · Product page
Before
Old product page: price and spec table
After
New product page buy panel

A price and a spec table, replaced by price, stock, buy, best deal and WhatsApp, then the four promises, in the order a buyer asks.

10 — The final experience

The finished store

The full Watch Winders homepageHover to scroll the full homepage
11 — Outcome

What changed

≈3×

Revenue grew 3x after launchAfter the redesign, WatchWinders saw revenue grow to nearly 3× its previous level.

319products
23brand pages
11custom sections
0paid add-on apps
The store isn’t selling the watch. It’s selling the proof.

With the price, condition and guarantees on the page, buyers no longer need to call before they buy.