Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · not disclosed ·

Proenza Schouler

The Proenza Schouler 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 18.5 percent of the page, typeset in neuzeit.

The pages

desktop1440 x 900

Proenza Schouler homepage on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Homepage
Proenza Schouler collection: all sale excluding shoes - eligible for greene f&f extra 28% off on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Collection: All Sale Excluding Shoes - Eligible for Greene F&F Extra 28% Off
Proenza Schouler product page on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Proenza Schouler homepage on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Homepage
Proenza Schouler collection: all sale excluding shoes - eligible for greene f&f extra 28% off on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Collection: All Sale Excluding Shoes - Eligible for Greene F&F Extra 28% Off
Proenza Schouler product page on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

99.3%
99.3% #ffffff page
0.7% #000000 dark bands

Ink, by share of text set in it

93.7%
93.7% #000000 body and headings
4.2% #ffffff reversed on dark
1.6% #757575 secondary
0.5% #0033ff emphasis

Imagery, by share of the page it covers

18.5% photograph, the rest is surface

Typography

sans-serif · everything

neuzeit

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Add to cart
Type
neuzeit 12px / 900
Color
rgb(255, 255, 255) on rgb(0, 0, 0)
Shape
0px radius, 12px padding, 42px tall
Width
225px as rendered
in Black Sold Out
in Black Sold Out
in Black Sold Out
Product card
Grid
4 across, 325px wide
Image
0.71 : 1 crop, cover
Line 1
12px / 900, rgb(0, 0, 0)
Line 2
12px / 900, rgb(0, 0, 0)