Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

fashion · Shopify ·

Begg x Co

Scottish weaver tracing to 1866, when Alex Begg began making woolen shawls in Paisley. The mill moved to Ayr in 1902 and now produces cashmere scarves, throws and knitwear.

The pages

desktop1440 x 900

Begg x Co homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Begg x Co collection: aw25 on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: AW25
Begg x Co product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Begg x Co homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Begg x Co collection: aw25 on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: AW25
Begg x Co product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

99%
99% #faf9f3 page
0.4% #000000 dark bands
0.3% #ffffff panels and cards

Ink, by share of text set in it

91.1%
91.1% #000000 body and headings
7.8% #faf9f3 reversed on dark
1.2% #868686 secondary

Imagery, by share of the page it covers

49.1% photograph, the rest is surface

Typography

sans-serif · everything

Marr Sans

sans-serif · accent

Adobe Text Pro

of all text on the page

81% sans-serif19% serif

The icon set

cart
search
menu

Ecommerce components, rebuilt to spec

Begg x Co add to cart button photographed on its product page
photographed on beggxco.com
Add to cart
Type
Marr Sans 13.008px / 400 / 0.336px tracking
Color
rgb(250, 249, 243) on #4b4a48, painted over #faf9f4
Shape
0px radius, 209 by 40px
Label
between, rebuild matched the photograph at 0.968
Valatzu Saltire
Andrew
Arran Solid
Product card
Grid
4 across, 356px wide
Image
0.8 : 1 crop, cover
Line 1
11.008px / 400, rgb(250, 249, 243)

Size and color

S M L
Size selector
Control
li cells, 3 values
Label
Size
Type
Marr Sans 13.008px / 700
Cell
209 by 40px, 0px apart
Chosen
weight 700 (unselected 400)
On load
one is already chosen