Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

leather goods · Shopify ·

Bennett Winch

The Bennett Winch 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 18.9 percent of the page, typeset in baskerville-urw, Montserrat.

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

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