03 · MonaWatch CRO
03 / 05IN BUILD

MonaWatch CRO

Product detail page rebuilt for trust + scannability.

Watch PDP rebuilt section by section. Buried specs, no trust signals at the title, no scarcity, no UGC. Researched, re-spec'd, mocked up, approved by client. Ships as a Liquid theme update.

Role
CRO Designer
Year
2026
Client
Mona Watch (Mona Electronics LLC, est. 1989)
Scope
Shopify PDP · mobile-first · research-led
Tools
Figma · Hotjar · GA4 · Claude · Shopify Liquid
hover the phone to scroll
Mobile design walkthrough
live
// 02 · client / context

Who they are.

Mona Watch (Mona Electronics LLC) is a UAE watch dealer trading since 1989, with 80,000+ watches sold nationwide and 3,000+ shipped internationally. Storefront on Shopify, strong product photography, deep brand catalogue.

The product detail page was where good traffic was leaking. Visitors landed on a Seiko Prospex page, skim-scrolled past dense prose, never reached the reviews or trust grid sitting at the bottom.

// 03 · the problem

What needed solving.

The PDP was specs-first, not buyer-first. The H1 ran 24 words, no rating star sat next to it, no badge said why this watch (Limited Edition, 4,000 pieces worldwide). Specifications were buried inside a single Description prose block. Trust grid + 325 Google reviews lived ~4,000px below the cart, where most mobile visitors never reached.

Hotjar scroll maps + GA4 funnel data showed mobile add-to-cart was the biggest drop. Goal was clear: rebuild the PDP so the buyer reaches a confident yes within the first 1.5 screens.

Goals → Shipped
  • Pull the buyer's eye into the gallery within the first scroll
    Lifestyle thumbnail row added to the gallery to grab attention faster (video slot reserved)
  • Make the title block scannable + SEO-friendly in <5 seconds
    3-chip system (Save % + Collection + Scarcity / style benefit) replaces the lone Save % chip — chips also help users explore the wider collection
  • Add value-chips that segment the catalogue, not just discount %
    SEO-friendly title + supporting tagline so visitors instantly understand what the watch is for
  • Move trust + urgency above the fold without dark patterns
    5-star rating inline with title — high-ticket buyers need authenticity proof up front
  • Replace prose-buried specs with broken-out, scannable blocks
    Watch Characteristics chips (Size · Strap · Dial) above the fold + 3 lifestyle benefit bullets
  • Add an FAQ that doubles as SEO + support deflection
    Tiered stock-meter (Hurry · Almost gone · Limited stock) tied to live inventory — scarcity without invented urgency
// 04 · approach

Five phases, idea to ship.

  1. 01✓ done
    Audit

    Heuristic review + GA4 funnel pull + Hotjar scroll-and-click heatmaps on the live PDP.

  2. 02✓ done
    Research

    Synthesised gaps into a 4-block recommendation spec: gallery, overview, purchase, description. Captured in a Research panel inside the Figma file.

  3. 03✓ done
    Section mockups

    Rebuilt the PDP section by section in Figma. Each section paired with an A/B baseline so impact is measurable post-ship.

  4. 04✓ done
    Client approval

    Client signed off on the rebuilt PDP — frame named 'approved CRO page' inside the Figma file.

  5. 05
    Liquid build + ship

    Implementation queued in Shopify Liquid. Each section ships independently to keep A/B baselines clean.

// 06 · visual showcase

The work.

Product page redesign · 12 data-informed changes mapped before → after
Product page redesign · 12 data-informed changes mapped before → after
// 08 · tech / tools

Under the hood.

Design
Figma · section-by-section CRO mockups
Research
Hotjar (scroll + click heatmaps) · GA4 funnel
AI · Synthesis
Claude — synthesised raw heatmap + analytics into the spec
Platform
Shopify · custom Liquid theme
// 10 · outcomes

What shipped.

  • PDP rebuild approved by client (signed-off CRO frame in Figma)
  • 15+ section-level changes documented with old vs proposed pairings
  • Each change is A/B-baseline-able so impact is measurable post-ship
  • Liquid implementation queued, ready to ship section by section
  • Research artefact reusable: same spec template now drives announcement bar + cart drawer redesigns
// 11 · credits

Made with.

  • CRO DesignerTaher Badshah
  • Shopify Developer1 Shopify Developer
  • ClientMona Watch (Mona Electronics LLC)
  • Research stackHotjar · GA4 · Claude
// 12 · what's next

On the roadmap.

  • Liquid implementation of the approved PDP
  • A/B baseline reporting per section after ship
  • Apply the same research → approval workflow to announcement bar + cart drawer
  • Brand-page CRO pass once PDP impact is measured
Got something to ship?Let's talkAvailable · Q3 2026Dubai → WorldwideGot something to ship?Let's talkAvailable · Q3 2026Dubai → WorldwideGot something to ship?Let's talkAvailable · Q3 2026Dubai → WorldwideGot something to ship?Let's talkAvailable · Q3 2026Dubai → Worldwide
$initcontact()
↳ booted · ready