Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

watches · Shopify ·

Anordain

Glasgow watchmaker founded in 2015 that fires its own vitreous enamel dials in house, a slow copper-and-glass process behind the Model 1 and Model 2 watches.

The pages

desktop1440 x 900

Anordain homepage on desktop, Shopify luxury watches storefront captured at 1440 x 900
Homepage
Anordain collection: archive on desktop, Shopify luxury watches storefront captured at 1440 x 900
Collection: Archive
Anordain product page on desktop, Shopify luxury watches storefront captured at 1440 x 900
Product page

mobile390 x 844

Anordain homepage on mobile, Shopify luxury watches storefront captured at 390 x 844
Homepage
Anordain collection: archive on mobile, Shopify luxury watches storefront captured at 390 x 844
Collection: Archive
Anordain product page on mobile, Shopify luxury watches storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

98.7%
98.7% #ffffff page
1.3% #003e52 secondary surface

Ink, by share of text set in it

68.1%
26.9%
68.1% #003e52 body and headings
26.9% #ffffff reversed on dark
5% #003952 emphasis

Imagery, by share of the page it covers

53.7% photograph, the rest is surface

Typography

sans-serif · everything

Montiac

sans-serif · accent

Community Gothic

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Handmade watch strap specification SOLD OUT
Handmade watch strap SOLD OUT
Product card
Grid
2 across, 683px wide
Image
1.5 : 1 crop, cover
Line 1
17.5px / 400, rgb(0, 62, 82)
Line 2
16px / 400, rgb(0, 62, 82)