Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

home and design · Shopify ·

Wedgwood

The Wedgwood 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 13.3 percent of the page, typeset in p22-underground-book, p22-underground-medium.

The pages

desktop1440 x 900

Wedgwood homepage on desktop, Shopify luxury home and design storefront captured at 1440 x 900
Homepage
Wedgwood collection: all tableware on desktop, Shopify luxury home and design storefront captured at 1440 x 900
Collection: All Tableware
Wedgwood product page on desktop, Shopify luxury home and design storefront captured at 1440 x 900
Product page

mobile390 x 844

Wedgwood homepage on mobile, Shopify luxury home and design storefront captured at 390 x 844
Homepage
Wedgwood collection: all tableware on mobile, Shopify luxury home and design storefront captured at 390 x 844
Collection: All Tableware
Wedgwood product page on mobile, Shopify luxury home and design storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

66.1%
32.9%
66.1% #ffffff page
32.9% #eae6dd secondary surface
0.7% #161c2b dark bands
0.3% #a3bad0 accent

Ink, by share of text set in it

98%
98% #000000 body and headings
1.4% #ffffff reversed on dark
0.4% #79766f secondary
0.3% #495a6b emphasis

Imagery, by share of the page it covers

13.3% photograph, the rest is surface

Typography

sans-serif · everything

p22-underground-book

sans-serif · accent

p22-underground-medium

of all text on the page

100% serif

Ecommerce components, rebuilt to spec

Add to cart
Type
p22-underground-book 14px / 400
Color
rgb(0, 0, 0) on rgba(0, 0, 0, 0)
Shape
0px radius, 0px padding, 40px tall
Width
97px as rendered
Dinner Plate Gio White Sale price €30,00 Unit price
Dinner Plate Gio White Sale price €30,00 Unit price
Dinner Plate Gio White Sale price €30,00 Unit price
Product card
Grid
3 across, 284px wide
Image
1 : 1 crop, contain
Line 1
14px / 400, rgb(0, 0, 0)
Line 2
14px / 400, rgb(0, 0, 0)
Line 3
14px / 400, rgb(0, 0, 0)
Line 4
14px / 400, rgb(0, 0, 0)
Line 5
11.2px / 400, rgb(0, 0, 0)