Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

retail · Shopify ·

Watches of Switzerland

The Watches of Switzerland storefront measured page by page: homepage, collection and product at desktop and mobile, every color weighted by the share of the page it paints, with photography covering 20 percent of the page, typeset in Humanist, Goudy Old Style.

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

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