Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

drinks · Shopify ·

Woodinville Whiskey

Washington State distillery started in 2010 by Orlin Sorensen and Brett Carlile, using Columbia Valley grain and aging its bourbon and rye east of the Cascades. Moët Hennessy bought it in 2017.

The pages

desktop1440 x 900

Woodinville Whiskey homepage on desktop, Shopify luxury drinks storefront captured at 1440 x 900
Homepage
Woodinville Whiskey collection: whiskey on desktop, Shopify luxury drinks storefront captured at 1440 x 900
Collection: Whiskey
Woodinville Whiskey product page on desktop, Shopify luxury drinks storefront captured at 1440 x 900
Product page

mobile390 x 844

Woodinville Whiskey homepage on mobile, Shopify luxury drinks storefront captured at 390 x 844
Homepage
Woodinville Whiskey collection: whiskey on mobile, Shopify luxury drinks storefront captured at 390 x 844
Collection: Whiskey
Woodinville Whiskey product page on mobile, Shopify luxury drinks storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

59.6%
32.5%
59.6% #ffffff page
32.5% #f7f3eb panels and cards
5.5% #000000 dark bands
1.6% #4f4033 accent
0.6% #e4e1d6 secondary surface

Ink, by share of text set in it

69.3%
13%
9.9%
69.3% #3d3123 body and headings
13% #e4e1d6 reversed on dark
9.9% #2c2313 emphasis
4.7% #4f4033 emphasis
3.1% #81613d emphasis

Imagery, by share of the page it covers

10.3% photograph, the rest is surface

Typography

sans-serif · everything

Helvetica

sans-serif · accent

Courier

of all text on the page

100% sans-serif

The icon set

cart
search
menu
close

Ecommerce components, rebuilt to spec

Add to cart
Type
Helvetica 14px / 600 / 1px tracking / uppercase
Color
rgb(228, 225, 214) on rgb(79, 64, 51)
Shape
0px radius, 15px 8px padding, 51px tall
Width
250px as rendered