Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

watches · Shopify ·

Alpina

The Alpina 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 11.8 percent of the page, typeset in Swiss-721-Condensed.

The pages

desktop1440 x 900

Alpina homepage on desktop, Shopify luxury watches storefront captured at 1440 x 900
Homepage
Alpina collection: all watches on desktop, Shopify luxury watches storefront captured at 1440 x 900
Collection: All Watches

mobile390 x 844

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

Palette

Surfaces, by share of painted area

45.7%
27.4%
15.5%
10.3%
45.7% #ffffff page
27.4% #f3f3f3 panels and cards
15.5% #000000 dark bands
10.3% #020408 dark bands
1% #8b0c23 secondary surface

Ink, by share of text set in it

48.1%
47.1%
48.1% #ffffff body and headings
47.1% #010101 emphasis
4.5% #000000 emphasis
0.3% #121212 emphasis

Imagery, by share of the page it covers

11.8% photograph, the rest is surface

Typography

sans-serif · everything

Swiss-721-Condensed

of all text on the page

100% sans-serif