Fieldnote Goods

A stationery shopfront that helps shoppers compare the collection at a glance.

Try the demo

Fieldnote Goods storefront concept with a cobalt masthead and three stationery product tiles — DesktopView full preview

Fieldnote Goods on a phone, with a Shop notebooks button above three stacked product tiles — MobileView full preview

Try the interactive concept

Open the interactive demo

The brief

An independent stationery brand needs an online shop that shows how products differ in format and use while retaining the tactile feel of its paper goods.

Design decisions

Give the collection three consistent product tiles so shoppers can compare notebooks, journals, and planners.
Use close-up photography, soft shadows, and simple backgrounds to make the materials visible.
Pair a clean off-white canvas with cobalt accents so the collection and its main shopping action stand out.

The three product tiles become a vertical collection, preserving large photos and product labels. Shop notebooks stays above the collection so it is easy to find.