Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

Moschino

The Moschino 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 19.6 percent of the page, typeset in FKGrotesk, FKGroteskItalic.

The pages

desktop1440 x 900

Moschino homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Moschino collection: black friday on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: Black Friday
Moschino product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Moschino homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Moschino collection: black friday on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: Black Friday
Moschino product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

71.3%
23.1%
71.3% #ffffff page
23.1% #000000 dark bands
4.5% #f6f6f6 panels and cards
1% #f4f5f7 panels and cards

Ink, by share of text set in it

52.3%
28.9%
12.3%
52.3% #000000 body and headings
28.9% #999999 secondary
12.3% #ffffff reversed on dark
5% #666666 emphasis
1.5% #686868 secondary

Imagery, by share of the page it covers

19.6% photograph, the rest is surface

Typography

sans-serif · everything

FKGrotesk

sans-serif · accent

FKGroteskItalic

of all text on the page

98% sans-serif2% serif

Ecommerce components, rebuilt to spec

Sold Out
Sold Out
Sold Out
Product card
Grid
3 across, 451px wide
Image
0.78 : 1 crop, fill
Line 1
12px / 400 / uppercase, rgb(102, 102, 102)