Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

fashion · not disclosed ·

Proenza Schouler

Jack McCollough and Lazaro Hernandez started this New York house in 2002 and named it after their mothers' maiden names. The PS1 satchel is the piece that carried the label.

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

The icon set

cart
search
account

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
Esme 90MM Pump in Eel Sold Out
Esme Boot in Shiny Calf Sold Out
Tee 85 Thong Sandal in Nappa Shearling Combo 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)