← The UX Guide Vol. 1: Luxury Ecommerce
fashion · Shopify ·
Philosophy di Lorenzo Serafini
Milanese womenswear label in the Aeffe group, previously called Philosophy di Alberta Ferretti and renamed when Lorenzo Serafini took over as creative director in 2014.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
96%
96%
#ffffff
page
2.4%
#f6f6f6
panels and cards
0.9%
#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
17.4% photograph, the rest is surface
Typography
sans-serif · everything
Outfit
of all text on the page
100% sans-serif
The icon set
Ecommerce components, rebuilt to spec
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