Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

Alessandra Rich

The Alessandra Rich storefront measured page by page: homepage, collection and product at desktop and mobile, every color weighted by the share of the page it paints, typeset in Copper.

The pages

desktop1440 x 900

Alessandra Rich homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Alessandra Rich collection: dresses on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: Dresses
Alessandra Rich product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Alessandra Rich homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Alessandra Rich collection: dresses on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: Dresses
Alessandra Rich product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

100%
100% #ffffff page

Ink, by share of text set in it

49.3%
44.2%
49.3% #131313 body and headings
44.2% #121212 emphasis
6.3% #ffffff reversed on dark
0.2% #000000 emphasis

Typography

sans-serif · everything

Copper

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Product card
Grid
28 across, 356px wide
Image
0.8 : 1 crop, cover