Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

eyewear · Shopify ·

Carrera Eyewear

Eyewear brand started in Austria in 1956 by Wilhelm Anger and named after a Mexican road race, first making goggles and ski masks. It has belonged to the Italian group Safilo since 1996.

The pages

desktop1440 x 900

Carrera Eyewear homepage on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Homepage
Carrera Eyewear product page on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Product page

mobile390 x 844

Carrera Eyewear homepage on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Homepage
Carrera Eyewear collection: all products on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Collection: All products
Carrera Eyewear product page on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

100%
100% #ffffff page

Ink, by share of text set in it

61.1%
30.8%
61.1% #000000 body and headings
30.8% #ffffff reversed on dark
5.1% #212121 emphasis
1.9% #646464 emphasis
1.1% #4d4d4d emphasis

Imagery, by share of the page it covers

12.6% photograph, the rest is surface

Typography

sans-serif · everything

Lato

of all text on the page

100% sans-serif

The icon set

cart
search
account
menu
close

Ecommerce components, rebuilt to spec

Add to cart
Type
Lato 14px / 500 / 0.35px tracking
Color
rgb(255, 255, 255) on rgb(0, 0, 0)
Shape
0px radius, 9px 16.2px padding, 45px tall
Width
420px as rendered
Product card
Grid
8 across, 371px wide
Image
1 : 1 crop, cover

Size and color

Color selector
Control
radio list with div cells, 5 swatches
Swatch
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

Carrera Eyewear email sign up popup, lower right, offering 15% off
Email capture
Placement
lower right, 368 x 413
Asks for
email
Offers
15% off
Shown on
both
Dismissible
no close control found