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