Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

Barena Venezia

The Barena Venezia 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 28.8 percent of the page, typeset in Figtree.

The pages

desktop1440 x 900

Barena Venezia homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Barena Venezia collection: gift ideas for him on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: Gift Ideas for Him
Barena Venezia product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Barena Venezia homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Barena Venezia collection: gift ideas for him on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: Gift Ideas for Him
Barena Venezia product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

83%
16.9%
83% #ffffff page
16.9% #f7f7f7 panels and cards

Ink, by share of text set in it

93%
93% #1c1c1c body and headings
3.3% #ffffff reversed on dark
2.6% #000000 emphasis
1.1% #321e1e emphasis

Imagery, by share of the page it covers

28.8% photograph, the rest is surface

Typography

sans-serif · everything

Figtree

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Add to cart
Type
Figtree 13px / 400 / uppercase
Color
rgb(28, 28, 28) on rgba(0, 0, 0, 0)
Shape
0px radius, 0px padding, 45px tall
Width
520px as rendered
Product card
Grid
6 across, 350px wide
Image
0.67 : 1 crop, contain