Ember & Oak

Ember & Oak is a concept website for a fictional wood-fired restaurant. It shows how atmosphere, a menu and booking can work together in one polished page.

A restaurant needs a website that sells the atmosphere and makes booking a table effortless.

Design & development — responsible for planning, building and shipping the product across the interface, backend and data layer.

A dark, candle-lit site with a tabbed menu, signature dishes, a photo gallery viewer, a working reservation form, opening hours and a map.

• Tabbed menu with dietary labels
• Signature dishes and gallery lightbox
• Reservation form with validation and confirmation
• Opening hours that highlight today
• Location, contact and mobile navigation

• Next.js
• React
• TypeScript
• Tailwind CSS
• Framer Motion

1. 1

   Define the brief

   Chose a realistic client scenario and defined the audience, content and goals.

2. 2

   Design a distinct identity

   Set a palette, type pairing and layout language specific to this brand.

3. 3

   Build it responsively

   Implemented every section mobile-first, with accessible, keyboard-friendly interactions.

4. 4

   Polish and test

   Checked phone, tablet and desktop layouts, focus states, and form and empty states.

A complete, working website you can open and use — built to show the approach, not to claim client results.