Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

leather goods · Shopify ·

Bennett Winch

British bag maker run from a London studio by Robin Bennett and Robin Winch, whose signature S.C. Holdall combines a suit carrier and a duffel in one bag made in England.

The pages

desktop1440 x 900

Bennett Winch homepage on desktop, Shopify luxury leather goods storefront captured at 1440 x 900
Homepage
Bennett Winch collection: the full collection on desktop, Shopify luxury leather goods storefront captured at 1440 x 900
Collection: The Full Collection
Bennett Winch product page on desktop, Shopify luxury leather goods storefront captured at 1440 x 900
Product page

mobile390 x 844

Bennett Winch homepage on mobile, Shopify luxury leather goods storefront captured at 390 x 844
Homepage
Bennett Winch collection: the full collection on mobile, Shopify luxury leather goods storefront captured at 390 x 844
Collection: The Full Collection
Bennett Winch product page on mobile, Shopify luxury leather goods storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

93.5%
93.5% #ffffff page
4.2% #000000 dark bands
1.8% #ebebeb panels and cards
0.5% #231f20 dark bands

Ink, by share of text set in it

52.1%
29.7%
8.5%
8%
52.1% #000000 body and headings
29.7% #231f20 emphasis
8.5% #333232 emphasis
8% #ffffff reversed on dark
1.7% #212529 emphasis

Imagery, by share of the page it covers

18.9% photograph, the rest is surface

Typography

sans-serif · everything

baskerville-urw

sans-serif · accent

Montserrat

of all text on the page

67% serif33% sans-serif

The icon set

cart
search
account
menu

Ecommerce components, rebuilt to spec

Add to cart
Type
Montserrat 14px / 500 / 1.4px tracking / uppercase
Color
rgb(255, 255, 255) on rgb(0, 0, 0)
Shape
0px radius, 6px 12px padding, 44px tall
Width
418px as rendered