Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

watches · not disclosed ·

Bell & Ross

Watchmaker founded in France in 1992, best known for the square BR 01 case modeled on aircraft cockpit instruments and for a collection built around aviation and military legibility.

The pages

desktop1440 x 900

Bell & Ross homepage on desktop, not disclosed luxury watches storefront captured at 1440 x 900
Homepage
Bell & Ross collection: accessoires on desktop, not disclosed luxury watches storefront captured at 1440 x 900
Collection: Accessoires
Bell & Ross product page on desktop, not disclosed luxury watches storefront captured at 1440 x 900
Product page

mobile390 x 844

Bell & Ross homepage on mobile, not disclosed luxury watches storefront captured at 390 x 844
Homepage
Bell & Ross collection: accessoires on mobile, not disclosed luxury watches storefront captured at 390 x 844
Collection: Accessoires
Bell & Ross product page on mobile, not disclosed luxury watches storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

64.1%
32.4%
64.1% #ffffff page
32.4% #171717 dark bands
3% #f2f2f2 panels and cards
0.5% #000000 dark bands

Ink, by share of text set in it

60.5%
25.2%
8%
60.5% #000000 body and headings
25.2% #bfbfbf secondary
8% #595959 emphasis
6.1% #ffffff reversed on dark
0.2% #737373 secondary

Imagery, by share of the page it covers

26.8% photograph, the rest is surface

Typography

sans-serif · everything

Roboto Mono

sans-serif · accent

rift

of all text on the page

100% sans-serif

The icon set

cart
search
account
menu
close
wishlist

Ecommerce components, rebuilt to spec

Bell & Ross add to cart button photographed on its product page
photographed on bellross.com
Add to cart
Type
Roboto Mono 14px / 700 / 1.12px tracking / uppercase
Color
rgb(255, 255, 255) on #000000, painted over #ffffff
Shape
0px radius, 817 by 46px
Label
center, rebuild matched the photograph at 0.871
Product card
Grid
4 across, 253px wide
Image
0.8 : 1 crop, cover

Size and color

S M L
Size selector
Control
radio list with text labels, 3 values
Label
Taille du bracelet
Type
Roboto Mono 14px / 400
Cell
269 by 48px, 10px apart
Chosen
0.5px outline, #000000 (spread shadow)
On load
one is already chosen