Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

fashion · Shopify ·

Alberta Ferretti

Italian designer whose signature is pleated chiffon and georgette cut into fluid dresses, and whose label anchors Aeffe, the fashion group she built with her brother Massimo.

The pages

desktop1440 x 900

Alberta Ferretti homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Alberta Ferretti collection: f&f2025 on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: F&F2025
Alberta Ferretti product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Alberta Ferretti homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Alberta Ferretti collection: f&f2025 on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: F&F2025
Alberta Ferretti product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

96.8%
96.8% #ffffff page
1.5% #f6f6f6 panels and cards
1% #f2f2f2 panels and cards
0.7% #222222 dark bands

Ink, by share of text set in it

57.8%
27.7%
57.8% #000000 body and headings
27.7% #222222 emphasis
7.3% #5d6061 emphasis
4.4% #212121 emphasis
2.8% #ffffff reversed on dark

Imagery, by share of the page it covers

18.2% photograph, the rest is surface

Typography

sans-serif · everything

Outfit

of all text on the page

100% sans-serif

The icon set

cart
close
wishlist

Ecommerce components, rebuilt to spec

Alberta Ferretti add to cart button photographed on its product page
photographed on albertaferretti.com
Add to cart
Type
Outfit 18px / 300 / 1px tracking / uppercase
Color
rgb(255, 255, 255) on #222222, painted over #ffffff
Shape
0px radius, 538 by 45px
Label
center, rebuild matched the photograph at 0.99
Product card
Grid
3 across, 316px wide
Image
0.8 : 1 crop, fill

Size and color

36 IT 38 IT 40 IT 42 IT 44 IT 46 IT 48 IT
Size selector
Control
radio list with text labels, 7 values
Label
Size
Type
Outfit 18px / 300
Cell
40 by 28px, 30px apart
Chosen
1px underline, #222222
On load
nothing is chosen