Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

jewelry · Shopify ·

Aurelie Bidermann

Paris jewelry house opened by its namesake designer in 2004 in Saint-Germain-des-Prés, working across costume and fine jewelry with bold volumes, strong color and travel motifs.

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

The icon set

search
account
menu
close

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