Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

eyewear · Shopify ·

Polaroid Eyewear

Sunglasses arm of Polaroid, resting on the synthetic light polarizer Edwin Land developed in the 1930s. It sells polarized lenses at mass prices and has belonged to Italy's Safilo Group since 2012.

The pages

desktop1440 x 900

Polaroid Eyewear homepage on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Homepage
Polaroid Eyewear collection: essential on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Collection: Essential
Polaroid Eyewear product page on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Product page

mobile390 x 844

Polaroid Eyewear homepage on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Homepage
Polaroid Eyewear collection: essential on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Collection: Essential
Polaroid Eyewear product page on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

84.7%
84.7% #ffffff page
6.7% #ffb600 secondary surface
5.3% #000000 dark bands
3.3% #212121 dark bands

Ink, by share of text set in it

85.4%
85.4% #000000 body and headings
7.6% #ffffff reversed on dark
3.6% #4d4d4d emphasis
3.4% #212121 emphasis

Imagery, by share of the page it covers

27.4% photograph, the rest is surface

Typography

sans-serif · everything

Poppins

of all text on the page

100% sans-serif

The icon set

cart
search
account
menu
close

Ecommerce components, rebuilt to spec

Polaroid Eyewear add to cart button photographed on its product page
photographed on polaroideyewear.com
Add to cart
Type
Poppins 14px / 500 / 0.35px tracking
Color
rgb(255, 255, 255) on #000000, painted over #ffffff
Shape
3px radius, 420 by 43px
Label
center, rebuild matched the photograph at 0.979
Product card
Grid
3 across, 420px wide
Image
1 : 1 crop, cover

Size and color

Color selector
Control
radio list with div cells, 2 swatches
Swatch
rounded square, 70 by 70px, 10px apart
Chosen
border 0px none rgb(255, 255, 255) (unselected 0px none rgb(0, 0, 0))

The email sign up popup

Polaroid Eyewear email sign up popup, lower right, offering 15% off
Email capture
Placement
lower right, 408 x 400
Asks for
email, a consent tick
Offers
15% off
Shown on
both
Dismissible
no close control found