Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

Aspesi

The Aspesi 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 28.4 percent of the page, typeset in Helvetica.

The pages

desktop1440 x 900

Aspesi homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Aspesi collection: abbigliamento donna on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: Abbigliamento Donna
Aspesi product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Aspesi homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Aspesi collection: abbigliamento donna on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: Abbigliamento Donna
Aspesi product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

84.3%
15%
84.3% #ffffff page
15% #fafafa panels and cards
0.6% #000000 dark bands

Ink, by share of text set in it

37.7%
37.6%
12.2%
37.7% #232323 body and headings
37.6% #000000 emphasis
12.2% #555555 emphasis
6.5% #111111 emphasis
2.5% #999999 secondary
2% #ffffff reversed on dark

Imagery, by share of the page it covers

28.4% photograph, the rest is surface

Typography

sans-serif · everything

Helvetica

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

CREW-NECK MOHAIR AND WOOL KNIT C $600.00
CREW-NECK MOHAIR AND WOOL KNIT C $600.00
CREW-NECK MOHAIR AND WOOL KNIT C $600.00
Product card
Grid
4 across, 324px wide
Image
0.75 : 1 crop, cover
Line 1
12px / 300 / uppercase, rgb(17, 17, 17)
Line 2
12px / 300, rgb(85, 85, 85)