Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

home and design · Shopify ·

Wedgwood

English pottery founded in Staffordshire in 1759 by Josiah Wedgwood. Jasperware, the matte stoneware carrying white relief on pale blue, is the body it is remembered for. Owned by Fiskars.

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

The icon set

cart
search
account
menu
close
wishlist

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
Nantucket Teacup & Saucer Gio White Sale price €30,00 Unit price
Nantucket Basket 16-Piece Set Gio White Sale price €30,00 Unit price
Nantucket 5-Piece Place Setting 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)