Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

eyewear · Shopify ·

Arnette

The Arnette storefront measured page by page: homepage, collection and product at desktop and mobile, every color weighted by the share of the page it paints, with photography covering 11.8 percent of the page, typeset in Neue Haas Unica Pro, Assistant.

The pages

desktop1440 x 900

Arnette homepage on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Homepage
Arnette collection: prescription on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Collection: Prescription
Arnette product page on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Product page

mobile390 x 844

Arnette homepage on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Homepage
Arnette collection: prescription on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Collection: Prescription
Arnette product page on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

91.5%
91.5% #ebe9e4 page
5.4% #94fa66 secondary surface
3.1% #000000 dark bands

Ink, by share of text set in it

68.5%
31.4%
68.5% #000000 body and headings
31.4% #ffffff reversed on dark

Imagery, by share of the page it covers

11.8% photograph, the rest is surface

Typography

sans-serif · everything

Neue Haas Unica Pro

sans-serif · accent

Assistant

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Product card
Grid
2 across, 353px wide
Image
2 : 1 crop, contain