Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

jewelry · Shopify ·

Aurelie Bidermann

The Aurelie Bidermann 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.1 percent of the page, typeset in Sackers Gothic Std.

The pages

desktop1440 x 900

Aurelie Bidermann homepage on desktop, Shopify luxury jewelry storefront captured at 1440 x 900
Homepage
Aurelie Bidermann collection: automne-hiver 26/27 on desktop, Shopify luxury jewelry storefront captured at 1440 x 900
Collection: Automne-Hiver 26/27
Aurelie Bidermann product page on desktop, Shopify luxury jewelry storefront captured at 1440 x 900
Product page

mobile390 x 844

Aurelie Bidermann homepage on mobile, Shopify luxury jewelry storefront captured at 390 x 844
Homepage
Aurelie Bidermann collection: automne-hiver 26/27 on mobile, Shopify luxury jewelry storefront captured at 390 x 844
Collection: Automne-Hiver 26/27
Aurelie Bidermann product page on mobile, Shopify luxury jewelry storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

97.6%
97.6% #ffffff page
2.4% #ff3300 accent

Ink, by share of text set in it

76.2%
14.3%
76.2% #000000 body and headings
14.3% #ffffff reversed on dark
7.7% #ff3300 emphasis
1.1% #9a9a9a secondary
0.3% #333333 emphasis
0.3% #1a1a1a emphasis

Imagery, by share of the page it covers

40.1% photograph, the rest is surface

Typography

sans-serif · everything

Sackers Gothic Std

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Add to cart
Type
Sackers Gothic Std 11px / 400 / uppercase
Color
rgb(255, 255, 255) on rgb(255, 51, 0)
Shape
0px radius, 8px 24px padding, 32px tall
Width
198px as rendered
Product card
Grid
4 across, 328px wide
Image
0.67 : 1 crop, cover