Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · not disclosed ·

Bally

The Bally 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 26.5 percent of the page, typeset in SwissNowRegular, Instrument Sans.

The pages

desktop1440 x 900

Bally homepage on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Homepage
Bally collection: birthday on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Collection: BIRTHDAY
Bally product page on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Bally homepage on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Homepage
Bally collection: birthday on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Collection: BIRTHDAY
Bally product page on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

97.3%
97.3% #fcfaf8 page
2% #1f1e1d dark bands
0.5% #efefef panels and cards
0.2% #000000 dark bands

Ink, by share of text set in it

73.6%
18.6%
73.6% #1f1d1f body and headings
18.6% #ffffff reversed on dark
4.6% #000000 emphasis
3.1% #fcfaf8 reversed on dark

Imagery, by share of the page it covers

26.5% photograph, the rest is surface

Typography

sans-serif · everything

SwissNowRegular

sans-serif · accent

Instrument Sans

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Product card
Grid
4 across, 287px wide
Image
0.8 : 1 crop, fill