Sitemage.
← All work
Case study · Design concept

Ember & Oak: a roastery site that sells freshness

An editorial concept for a neighborhood coffee roastery — the menu up front with real prices, every roast dated, and wholesale one inquiry away.

ClientEmber & Oak Coffee Roasters (fictional)
SectorCafé & roastery
DisciplineWeb design & build
DeliverableLive concept site
Ember & Oak Coffee Roasters — as visitors see it
Ember Coffee Roasters website concept
Ember Coffee Roasters website concept at phone size

The brief

A roastery's real product is freshness, and most café websites hide it behind PDF menus and stock photography. Ember & Oak — roasting twelve kilos at a time since 2016 — gave us the opposite brief: make the site feel like the shop. Menu first, story second, and every bean labeled the way the shelf labels it: farm, altitude, and the day it came off the roast.

Goals

  • The full menu, with prices, readable in one glance
  • Freshness as the headline feature, not a slogan
  • Wholesale inquiry within two taps
  • Beans and subscriptions sold without a store build-out
  • The room's warmth carried in type and color, at phone size

The challenge

Café sites fail in both directions: precious and slow, or a photographed menu nobody can read on a phone. The concept had to be warm without being heavy, and commercial without a checkout project — beans and subscriptions described clearly enough that an order or an inquiry is always one step away, never a funnel.

The design system

The palette the whole site is built from — every page, card, and graphic drawn from these colors and no others:

Roast black
#171310
Panel brown
#221B16
Amber
#E09F5A
Cream
#F2E9DC
Muted oat
#B8A88F

The menu is the homepage

Drinks and prices sit on the front page in a clean list — the signature espresso, the cardamom latte regulars write home about, this week's single-origin pour over named by farm and tasting notes. No PDF, no “menu available in store.” If it is on the bar, it is on the site.

Freshness, dated

The story section turns the roastery's discipline into copy: twelve kilos at a time, never more; roasted Thursday, poured Friday; every bag naming its farm, its altitude, and its roast day. Specifics are the brand, so the design gives them typographic room instead of adjectives.

Wholesale without the runaround

Cafés and offices get a plain invitation in the visit block — wholesale inquiries welcome — routed through the same simple contact path as everything else. For a small roastery, one good wholesale account can matter more than a hundred retail clicks; the site treats it that way.

The outcome

The concept shows how a small food business sells its one true advantage — freshness — with specifics instead of adjectives, and how much honest commerce a website can do before it needs a store at all.

Honesty note: Ember & Oak Coffee Roasters is a fictional business, created by Sitemage as a design concept. The craft, structure, and copy are real studio work; the business, customers, and reviews are illustrative. Commissioned case studies will be published in this same format — with the client's permission and their real results.

Explore more

Live build · Publishing

AmRank

A rankings institute: 115 categories, 1,141 products, two languages, full audio — live today.

Read the case study →
Law firm

Harlow & Vance

Gravitas without the fog — partners named, consultation in ninety seconds.

Read the case study →