Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

leather goods · not disclosed ·

Moynat

The Moynat 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 65 percent of the page, typeset in Metropolis.

The pages

desktop1440 x 900

Moynat homepage on desktop, not disclosed luxury leather goods storefront captured at 1440 x 900
Homepage
Moynat collection: the m collection on desktop, not disclosed luxury leather goods storefront captured at 1440 x 900
Collection: THE M COLLECTION
Moynat product page on desktop, not disclosed luxury leather goods storefront captured at 1440 x 900
Product page

mobile390 x 844

Moynat homepage on mobile, not disclosed luxury leather goods storefront captured at 390 x 844
Homepage
Moynat collection: the m collection on mobile, not disclosed luxury leather goods storefront captured at 390 x 844
Collection: THE M COLLECTION
Moynat product page on mobile, not disclosed luxury leather goods storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

88%
11.8%
88% #fbf9f7 page
11.8% #f4f1ee panels and cards

Ink, by share of text set in it

78.5%
16.2%
78.5% #453e41 body and headings
16.2% #929292 secondary
4.1% #ffffff reversed on dark
1.1% #7d7d7d secondary

Imagery, by share of the page it covers

65% photograph, the rest is surface

Typography

sans-serif · everything

Metropolis

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Product card
Grid
4 across, 353px wide
Image
0.85 : 1 crop, fill