Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

fashion · Shopify ·

Adam Lippes

Buffalo-born designer who spent years at Oscar de la Renta before launching his own label, working American sportswear shapes in cashmere, silk and other fine cloth.

The pages

desktop1440 x 900

Adam Lippes homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Adam Lippes collection: all products on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: All Products
Adam Lippes product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Adam Lippes homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Adam Lippes collection: all products on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: All Products
Adam Lippes product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

99.6%
99.6% #fefcf8 page
0.3% #000000 dark bands

Ink, by share of text set in it

94.5%
94.5% #000000 body and headings
2.8% #fefcf8 reversed on dark
1.6% #ffffff reversed on dark
0.6% #2f2f2f emphasis
0.5% #121212 emphasis

Imagery, by share of the page it covers

16.1% photograph, the rest is surface

Typography

sans-serif · everything

Optima

sans-serif · accent

Source Sans 3

of all text on the page

100% sans-serif

The icon set

cart
search
account
menu
close

Size and color

00 0 2 4 6 8 10 12 14
Size selector
Control
radio list with text labels, 9 values
Label
Size
Type
Optima 16px / 400
Cell
10 by 16px, 24px apart
Chosen
cell::after opacity: 0.5 (unselected 0)
On load
one is already chosen
Color selector
Control
links to sibling products, 2 swatches
Swatch
square, 16 by 16px, 16px apart
Chosen
14x1px underline bar, #000000