Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

eyewear · not disclosed ·

Oliver Peoples

Oliver Peoples opened in West Hollywood in 1987 with a stock of vintage frames and became an eyewear label known for restrained metal and acetate designs. EssilorLuxottica owns it today.

The pages

desktop1440 x 900

Oliver Peoples homepage on desktop, not disclosed luxury eyewear storefront captured at 1440 x 900
Homepage
Oliver Peoples collection: all products on desktop, not disclosed luxury eyewear storefront captured at 1440 x 900
Collection: All Products
Oliver Peoples product page on desktop, not disclosed luxury eyewear storefront captured at 1440 x 900
Product page

mobile390 x 844

Oliver Peoples homepage on mobile, not disclosed luxury eyewear storefront captured at 390 x 844
Homepage
Oliver Peoples collection: all products on mobile, not disclosed luxury eyewear storefront captured at 390 x 844
Collection: All Products
Oliver Peoples product page on mobile, not disclosed luxury eyewear storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

58.9%
19.6%
12.7%
58.9% #ffffff page
19.6% #000000 dark bands
12.7% #f1f3f8 panels and cards
7.7% #f8f8fb panels and cards
0.8% #e1e1e1 secondary surface
0.2% #202125 dark bands

Ink, by share of text set in it

50.1%
16.4%
14.2%
13.3%
50.1% #202125 body and headings
16.4% #3b3d43 emphasis
14.2% #000000 emphasis
13.3% #ffffff reversed on dark
4.9% #69697a secondary
1% #121212 emphasis

Imagery, by share of the page it covers

30.4% photograph, the rest is surface

Typography

sans-serif · everything

BerlingLTStd

sans-serif · accent

FuturaStd

of all text on the page

100% sans-serif

The icon set

cart
search
account
menu
wishlist

Ecommerce components, rebuilt to spec

Oliver Peoples add to cart button photographed on its product page
photographed on oliverpeoples.com
Add to cart
Type
FuturaStd 14px / 400 / 2px tracking / uppercase
Color
rgb(255, 255, 255) on #202125, painted over #ffffff
Shape
0px radius, 384 by 40px
Label
center, rebuild matched the photograph at 1
Product card
Grid
44 across, 416px wide
Image
2 : 1 crop, fill

The email sign up popup

Oliver Peoples email sign up popup, lower centre
Email capture
Placement
lower centre, 400 x 222
Asks for
email
Offers
nothing named
Shown on
desktop only
Dismissible
yes