Food & beverage / retail
Ember & Oak
A small-batch organic roastery’s retail site: a roast shop, subscriptions, brew guides, the roastery story with its vintage Probat, and a journal.
- Demo build
- /04-ember-and-oak/
- Orivian contribution
- Full website built from zero — self-initiated, no client commission.
- Site audience
- Daily coffee drinkers and subscribers choosing a roaster on sourcing evidence
- Pages
- 14 pages in the build
The context
What this website is for.
A Portland roastery selling transparency as hard as it sells coffee: farm names on every bag, above-Fair-Trade pay published, and a roast date the customer can check.
The reader is a daily drinker deciding whether this roaster is serious. The site converts through evidence — names, dates, sourcing — not through lifestyle photography alone.
What the site has to do
- Get a specific coffee in front of a knowing buyer within one click.
- Turn the sourcing story into the reason to subscribe, not a footnote.
- Explain subscriptions without hiding the commitment.
- Answer brew questions on the site instead of in support email.
- Keep wholesale reachable without confusing the retail reader.
Scope
What the build covered.
Structure, content, design, and build for the whole site — the parts a visitor can see and use.
- Roast shop with pages for three coffees
- Subscription flow
- Brew guides
- Roastery and wholesale pages
- Journal with article pages
- Zine-print type and ticket-card styling
Inside the demo
Follow the structure yourself.
Every page below is public. The quickest way to judge this work is to open the paths and read them on your phone.
- Home/04-ember-and-oak/
- Coffees/04-ember-and-oak/coffees/
- Ember House Blend/04-ember-and-oak/coffees/ember-house-blend/
- Oak Dark Reserve/04-ember-and-oak/coffees/oak-dark-reserve/
- Gedeo Yirgacheffe/04-ember-and-oak/coffees/yirgacheffe-light/
- Subscriptions/04-ember-and-oak/subscriptions/
- Brew guides/04-ember-and-oak/brew-guides/
- The Roastery/04-ember-and-oak/roastery/
- Wholesale/04-ember-and-oak/wholesale/
- Journal/04-ember-and-oak/journal/
- Listening for First Crack/04-ember-and-oak/journal/first-crack/
- Harvest Diaries: Huila/04-ember-and-oak/journal/harvest-diaries/
- The Boring Reason Your Coffee Tastes Flat/04-ember-and-oak/journal/water-essay/
- Contact and visit/04-ember-and-oak/contact/
Related services
How this translates to your project.
- Read the service02Content and messaging
Content and Messaging
Make the offer easier to understand.
- Read the service04Lightweight websites
Lightweight Modern Websites
Keep focused websites fast, simple, and clear.
These are self-initiated demo builds. No client commissioned them; brands are fictional or fictionalized, and prices, hours, and metrics inside the demos are labeled indicative.
More examples
Other websites in this collection.
Planning a clearer, more useful website?
Describe what you are building and what needs to be clearer. The conversation starts with the problem, not with a package.
Remote · Direct · No pressure to choose the biggest package