Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

eyewear · Shopify ·

Alain Mikli

The Alain Mikli 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 40.9 percent of the page, typeset in Outfit.

The pages

desktop1440 x 900

Alain Mikli homepage on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Homepage
Alain Mikli collection: alain mikli red on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Collection: Alain Mikli Red
Alain Mikli product page on desktop, Shopify luxury eyewear storefront captured at 1440 x 900
Product page

mobile390 x 844

Alain Mikli homepage on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Homepage
Alain Mikli collection: alain mikli red on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Collection: Alain Mikli Red
Alain Mikli product page on mobile, Shopify luxury eyewear storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

92.5%
92.5% #ffffff page
7.5% #000000 dark bands

Ink, by share of text set in it

86.7%
13.3%
86.7% #000000 body and headings
13.3% #ffffff reversed on dark

Imagery, by share of the page it covers

40.9% photograph, the rest is surface

Typography

sans-serif · everything

Outfit

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Add to cart
Type
Outfit 14px / 400
Color
rgb(255, 255, 255) on rgb(0, 0, 0)
Shape
14px radius, 16px 24px padding, 52px tall
Width
143px as rendered