Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

beauty · not disclosed ·

Officine Universelle Buly

Officine Universelle Buly sells perfumes, oils and skincare in an apothecary format, reviving the name of the 19th century Paris perfumer Jean-Vincent Bully. LVMH bought the house in 2021.

The pages

desktop1440 x 900

Officine Universelle Buly homepage on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Homepage
Officine Universelle Buly collection: beauté naturelle on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Collection: Beauté naturelle
Officine Universelle Buly product page on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Product page

mobile390 x 844

Officine Universelle Buly homepage on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Homepage
Officine Universelle Buly collection: beauté naturelle on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Collection: Beauté naturelle
Officine Universelle Buly product page on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

98.3%
98.3% #ffffff page
0.9% #0d4225 secondary surface
0.8% #121212 dark bands

Ink, by share of text set in it

55.3%
31.2%
55.3% #121212 body and headings
31.2% #000000 emphasis
6.4% #bf0000 emphasis
4.3% #ffffff reversed on dark
2.8% #c1171a emphasis

Imagery, by share of the page it covers

28.4% photograph, the rest is surface

Typography

serif · everything

Caslon Universelle

sans-serif · accent

Ari Clean

of all text on the page

86% serif14% sans-serif

The icon set

close

Ecommerce components, rebuilt to spec

Add to cart
Type
Ari Clean 9px / 400 / 1px tracking
Color
rgb(246, 246, 246) on rgb(13, 66, 37)
Shape
0px radius, 0px 30px padding, 47px tall
Width
303px as rendered
Product card
Grid
4 across, 335px wide
Image
1 : 1 crop, cover