Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

retail · Shopify ·

Watches of Switzerland

British retailer of luxury watches, listed in London and trading in the United States as well. It owns the Mappin & Webb and Goldsmiths chains and holds dealerships for the major Swiss brands.

The pages

desktop1440 x 900

Watches of Switzerland homepage on desktop, Shopify luxury retail storefront captured at 1440 x 900
Homepage
Watches of Switzerland collection: all on desktop, Shopify luxury retail storefront captured at 1440 x 900
Collection: All
Watches of Switzerland product page on desktop, Shopify luxury retail storefront captured at 1440 x 900
Product page

mobile390 x 844

Watches of Switzerland homepage on mobile, Shopify luxury retail storefront captured at 390 x 844
Homepage
Watches of Switzerland collection: all on mobile, Shopify luxury retail storefront captured at 390 x 844
Collection: All
Watches of Switzerland product page on mobile, Shopify luxury retail storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

46.6%
22.4%
11.1%
9.7%
46.6% #000000 page
22.4% #ffffff panels and cards
11.1% #f2f2f2 panels and cards
9.7% #f6f6f6 panels and cards
5.4% #f9f7f4 panels and cards
4% #111111 dark bands

Ink, by share of text set in it

37.2%
36.3%
13.3%
37.2% #000000 body and headings
36.3% #666666 emphasis
13.3% #b8b8b8 secondary
5.6% #f6f6f6 reversed on dark
5.5% #ffffff reversed on dark
2% #e3e2e1 reversed on dark

Imagery, by share of the page it covers

20% photograph, the rest is surface

Typography

sans-serif · everything

Humanist

sans-serif · accent

Goudy Old Style

of all text on the page

86% sans-serif14% serif

The icon set

cart
search
account
menu
close
wishlist

Ecommerce components, rebuilt to spec

Add to cart
Type
Helvetica 14px / 700
Color
rgb(255, 255, 255) on rgb(18, 119, 73)
Shape
3.35544e+07px radius, 10px 28px padding, 42px tall
Width
132px as rendered