Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

beauty · not disclosed ·

Creed Boutique

The Creed Boutique 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 10.4 percent of the page, typeset in Suisse Intl, Suisse Works.

The pages

desktop1440 x 900

Creed Boutique homepage on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Homepage
Creed Boutique collection: all fragrance gifts on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Collection: All Fragrance Gifts
Creed Boutique product page on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Product page

mobile390 x 844

Creed Boutique homepage on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Homepage
Creed Boutique collection: all fragrance gifts on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Collection: All Fragrance Gifts
Creed Boutique product page on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

93.3%
93.3% #ffffff page
6.1% #1c1c1c dark bands
0.3% #000000 dark bands
0.2% #b8b8b8 accent

Ink, by share of text set in it

28.1%
22.8%
20.5%
15.2%
28.1% #1c1c1c body and headings
22.8% #b8b8b8 secondary
20.5% #595959 emphasis
15.2% #ffffff reversed on dark
7.1% #000000 emphasis
6.3% #8c700e secondary

Imagery, by share of the page it covers

10.4% photograph, the rest is surface

Typography

sans-serif · everything

Suisse Intl

sans-serif · accent

Suisse Works

of all text on the page

84% sans-serif16% serif

Ecommerce components, rebuilt to spec

Bestseller
Bestseller
Bestseller
Product card
Grid
7 across, 443px wide
Image
0.8 : 1 crop, cover
Line 1
12px / 400, rgb(0, 0, 0)