Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

footwear · Shopify ·

Amina Muaddi

The Amina Muaddi storefront measured page by page: homepage, collection and product at desktop and mobile, every color weighted by the share of the page it paints, with photography covering 51.7 percent of the page, typeset in Amina.

The pages

desktop1440 x 900

Amina Muaddi homepage on desktop, Shopify luxury footwear storefront captured at 1440 x 900
Homepage
Amina Muaddi collection: all products on desktop, Shopify luxury footwear storefront captured at 1440 x 900
Collection: All Products
Amina Muaddi product page on desktop, Shopify luxury footwear storefront captured at 1440 x 900
Product page

mobile390 x 844

Amina Muaddi homepage on mobile, Shopify luxury footwear storefront captured at 390 x 844
Homepage
Amina Muaddi collection: all products on mobile, Shopify luxury footwear storefront captured at 390 x 844
Collection: All Products
Amina Muaddi product page on mobile, Shopify luxury footwear storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

98.2%
98.2% #ffffff page
1.1% #000000 dark bands
0.6% #141414 dark bands

Ink, by share of text set in it

57.9%
17.6%
13.1%
9.9%
57.9% #141414 body and headings
17.6% #757575 secondary
13.1% #ffffff reversed on dark
9.9% #121212 emphasis
1.5% #000000 emphasis

Imagery, by share of the page it covers

51.7% photograph, the rest is surface

Typography

sans-serif · everything

Amina

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Add to cart
Type
Amina 13px / 400 / 0.65px tracking / uppercase
Color
rgb(255, 255, 255) on rgb(20, 20, 20)
Shape
0px radius, 16px 42px 18px padding, 49px tall
Width
360px as rendered