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

Serapian add to cart button photographed on its product page
photographed on serapian.com
Add to cart
Type
Titling Gothic FB Nrm Reg 14px / 400 / 1.16px tracking
Color
rgb(255, 255, 255) on #2a2a2a, painted over #ffffff
Shape
0px radius, 389 by 50px
Label
center, rebuild matched the photograph at 0.979
Product card
Grid
4 across, 360px wide
Image
1 : 1 crop, cover

The email sign up popup

Serapian email sign up popup, lower right, offering a gift
Email capture
Placement
lower right, 370 x 216
Asks for
email
Offers
a gift
Shown on
desktop only
Dismissible
no close control found