Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

fashion · Shopify ·

A.P.C.

Short for Atelier de Production et de Création, this Paris label was started by Jean Touitou in 1987 and is known for raw selvedge denim and plain, unbranded wardrobe staples.

The pages

desktop1440 x 900

A.P.C. homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
A.P.C. collection: a.p.c. asics on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: A.P.C. Asics
A.P.C. product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

A.P.C. homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
A.P.C. collection: a.p.c. asics on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: A.P.C. Asics
A.P.C. 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

70.9%
25.6%
70.9% #000000 body and headings
25.6% #1c1c1c emphasis
2% #ffffff reversed on dark
1.5% #838383 secondary

Imagery, by share of the page it covers

24.3% photograph, the rest is surface

Typography

sans-serif · everything

helvetica-neue-lt-pro

of all text on the page

100% sans-serif

The icon set

cart
search
account
menu
close

Ecommerce components, rebuilt to spec

A.P.C. add to cart button photographed on its product page
photographed on apc.fr
Add to cart
Type
helvetica-neue-lt-pro 13px / 500 / lowercase
Color
rgb(255, 255, 255) on #1b1b1b, painted over #ffffff
Shape
0px radius, 592 by 46px
Label
between, rebuild matched the photograph at 0.968
Product card
Grid
6 across, 217px wide
Image
0.7 : 1 crop, cover

Size and color

XS S M L XL XXL
Size selector
Control
radio list with text labels, 6 values
Label
Taille
Type
helvetica-neue-lt-pro 10px / 500
Cell
46 by 26px, 13px apart
Chosen
46x1px underline bar, #000000
On load
nothing is chosen