CRAFT
← Portfolio

Website Creation

Ember Roastery

Concept

Design & development

Website concept for a specialty coffee roastery and café. Warm cream and espresso tones, an illustrated coffee cup and a friendly serif headline set the mood; the menu, story and table booking are one scroll away.

Type
Concept website
Industry
Food & beverage · Café
Our role
UX, visual design & front-end
Stack
HTML · CSS · responsive layout
Platforms
Desktop, tablet and mobile

01

A warm brand mood

The site should feel like walking into the café.

  • DM Serif Display headlines with a terracotta accent
  • Coffee cup and bean illustrations drawn entirely in CSS
  • Announcement bar for roast days and delivery offers

02

Menu & story

  • Two-column menu for coffee and bakery with descriptions and prices
  • Farm-to-cup story with key facts about sourcing and roasting
  • Clear paths to the café menu and the online bean shop

03

Table booking

  • Reservation form with name, phone, date and party size
  • Opening hours and address next to the form
  • Single-column layout on phones for quick booking on the go
Ember Roastery — presentation page 1
Ember Roastery — presentation page 2
Hero with an illustrated coffee cup.
Ember Roastery — presentation page 3
Coffee and bakery menu.
Ember Roastery — presentation page 4
Table booking with opening hours.
Ember Roastery — presentation page 5
Mobile: hero, menu and booking.