Studio Ostra

·

Library

Figma

·

Framer

·

Agents

Open for work

Case study · 02

Marrow Wine Co.

Porto, Portugal

Visit the site ↗

Marrow Wine Co.

Marrow Wine Co.

An online shop for a small natural-wine merchant that reads like a conversation at the counter, not a catalogue.

Bottles of wine displayed on shelves in a shop
Bottles of wine displayed on shelves in a shop

Fig. 01 · Marrow Wine Co.

Outcome · 01

+20123456789012101234567890120123456789012%

Online orders, year on year

Outcome · 02

101234567890180123456789012345678001234567890

Wine club members in the first month

Outcome · 03

301234567890123.4012345678901234%

Conversion rate, up from 0.9%

Role

Design & Framer development

Timeline

10-week build, then a monthly retainer

Platform

Framer website + Shopify checkout

Tools

Framer, Shopify, Figma

02 · The brief

Sell it like the shop does.

What the owners wanted the site to carry over from the counter.

Marrow’s two owners sell around 300 low-intervention wines from a narrow shop in Porto. In person they never mention grape varieties first; they ask what you’re cooking. The old site was a default theme with a filter sidebar and no voice at all.

The goal: bring the counter conversation online, and make the monthly wine club the obvious next step.

01 · Top priority

Shop by moment

Browse by dinner, picnic or gift before region or grape.

02

A voice on every bottle

A short tasting note in the owners’ words on each product.

03

Wine club up front

Subscriptions explained in one scroll, joined in two taps.

03 · Before → after

From filters to stories.

Drag to compare the old catalogue with the new shop front.

a bottle of wine sitting on top of a wooden tableblack and white bottles on brown wooden shelfBeforeAfter

Fig. 02 · Old filter-led catalogue vs the new story-led shop

Every bottle got a sentence before it got a price. Filters are still there, tucked behind a single button.

04 · Approach

Write first, design second.

The copy came before the layouts, and the layouts followed it.

We spent the first two weeks recording the owners talking about wine and turning it into short notes. The layout came from the copy: a wide editorial grid, one bottle per row, and a deep wine-red that’s used sparingly for prices and calls to action.

Framer runs the stories and the club pages; Shopify handles stock and checkout behind the scenes, so the owners update everything from one place.

a group of people sitting around a table with wine glasses
a group of people sitting around a table with wine glasses

Fig. 03

Shipped · Shop by moment

Collections named after occasions, each opening with a short note from the owners.

clear long-stem wine glasses on table
clear long-stem wine glasses on table

Fig. 04

a person typing on a laptop on a table
a person typing on a laptop on a table

Fig. 05

Product pages lead with the tasting note; the price and the add-to-cart button sit right beside it.

05 · Outcome

What it adds up to.

Shopify and Framer Analytics, first 90 days after launch.

Online orders now make up a third of Marrow’s revenue, and the wine club filled its first allocation within a month. The owners rewrite one tasting note a week themselves, without asking for help.

From the client

“People email us to say the website sounds exactly like the shop.”

Co-owner · Marrow Wine Co.

Visit the site ↗

Get this template ↗

Create a free website with Framer, the website builder loved by startups, designers and agencies.