Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

fashion · Shopify ·

Bianca Saunders

Menswear label started in London in 2017 by its namesake designer, a Royal College of Art graduate of Jamaican descent, known for twisted seams and draping that rework familiar men's shapes.

The pages

desktop1440 x 900

Bianca Saunders homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Bianca Saunders collection: sale on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: Sale
Bianca Saunders product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Bianca Saunders homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Bianca Saunders collection: sale on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: Sale
Bianca Saunders product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

100%
100% #ffffff page

Ink, by share of text set in it

95.8%
95.8% #000000 body and headings
4.2% #ffffff reversed on dark

Typography

sans-serif · everything

Inter

sans-serif · accent

Arial

of all text on the page

100% sans-serif

The icon set

cart
search
account
menu
close

Ecommerce components, rebuilt to spec

Bianca Saunders add to cart button photographed on its product page
photographed on biancasaunders.com
Add to cart
Type
Inter 15px / 300 / 1px tracking
Color
rgb(0, 0, 0) on #fefefe, painted over #ffffff
Shape
0px radius, 440 by 57px
Label
center, rebuild matched the photograph at 0.999

Size and color

XS S M L XL
Size selector
Control
radio list with text labels, 5 values
Label
Size
Type
Inter 14px / 300
Cell
56 by 36px, 10px apart
Chosen
filled #000000 (unselected #ffffff)
On load
one is already chosen