Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

fashion · Shopify ·

Alessandra Rich

Lace, silk taffeta and polka dots define this label from Alessandra Rich, an Italian designer working between London and Milan on occasion dresses and crystal-buttoned tweed.

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

The icon set

cart
search
account
menu
close

Ecommerce components, rebuilt to spec

Alessandra Rich add to cart button photographed on its product page
photographed on alessandrarich.com
Add to cart
Type
Copper 15px / 400 / 1px tracking
Color
rgb(255, 255, 255) on #121212, painted over #ffffff
Shape
0px radius, 440 by 47px
Label
center, rebuild matched the photograph at 0.99
Product card
Grid
28 across, 356px wide
Image
0.8 : 1 crop, cover

Size and color

65 70 75 80 85
Size selector
Control
radio list with text labels, 5 values
Label
Size
Type
Copper 12px / 400
Cell
24 by 22px, 12px apart
Chosen
filled #121212 (unselected rgba(0, 0, 0, 0))
On load
one is already chosen