Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

leather goods · not disclosed ·

Serapian

Milanese leather goods maker founded in 1928 by Stefano Serapian, known above all for Mosaico, a handwoven lambskin technique the house has used since 1947. It joined Richemont in 2017.

The pages

desktop1440 x 900

Serapian homepage on desktop, not disclosed luxury leather goods storefront captured at 1440 x 900
Homepage
Serapian collection: man on desktop, not disclosed luxury leather goods storefront captured at 1440 x 900
Collection: Man
Serapian product page on desktop, not disclosed luxury leather goods storefront captured at 1440 x 900
Product page

mobile390 x 844

Serapian homepage on mobile, not disclosed luxury leather goods storefront captured at 390 x 844
Homepage
Serapian collection: man on mobile, not disclosed luxury leather goods storefront captured at 390 x 844
Collection: Man
Serapian product page on mobile, not disclosed luxury leather goods storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

93.7%
93.7% #ffffff page
6.3% #2a2a2a secondary surface

Ink, by share of text set in it

43.5%
21.8%
18.2%
12.2%
43.5% #2a2a2a body and headings
21.8% #888888 secondary
18.2% #666666 emphasis
12.2% #999999 secondary
4.2% #ffffff reversed on dark

Imagery, by share of the page it covers

49.9% photograph, the rest is surface

Typography

sans-serif · everything

Titling Gothic FB Nrm Reg

sans-serif · accent

Nunito Sans

of all text on the page

100% sans-serif

The icon set

cart
search
account
menu
close
wishlist

Ecommerce components, rebuilt to spec

Add to cart
Type
Titling Gothic FB Nrm Reg 14px / 400 / 1.16px tracking
Color
rgb(255, 255, 255) on rgb(42, 42, 42)
Shape
0px radius, 12.25px 61px padding, 50px tall
Width
389px as rendered
Product card
Grid
4 across, 360px wide
Image
1 : 1 crop, cover