Olive & Ember
A warm, reservation-ready site for a neighborhood restaurant.
Olive & Ember is a fictional business. This concept demonstrates our design and development approach — it is not client work.
- Industry
- Restaurants
- Goal
- Make the menu, hours and reservations effortless to find.
- Capabilities
- Custom design, Menu system, Reservations, Local SEO
Overview
Olive & Ember is a fictional wood-fired restaurant. The concept looks at how a restaurant site can feel as warm as the dining room while staying fast and practical on a phone outside the front door.
Challenge
Restaurant websites often rely on PDF menus, outdated hours and a reservation link hidden in the footer. Diners want answers in seconds, usually on mobile.
Approach
- 01Hours, location and “Reserve a table” visible without scrolling on mobile.
- 02Menus as real, searchable web pages instead of PDFs.
- 03Photography-led layout with room for seasonal specials.
- 04Local business structured data so search engines understand hours and location.
Design
Cream and deep olive with an ember accent, an elegant serif for headings and plenty of breathing room — warm without being fussy.
- Cream
#f6f0e4 - Olive
#3c4a2f - Ember
#c4622d
Typography: A refined serif for headings and dish names, paired with a quiet sans-serif for details.
Functionality
Web-native menus
Easy-to-edit menu data with dietary labels, no PDFs.
Reservations
Integrates with the restaurant’s existing reservation platform.
Hours & location
Always-visible hours, map link and tap-to-call.
Private events inquiry
A dedicated form for larger parties and catering.
Desktop & mobile
Desktop and mobile layouts are designed separately — the mobile version prioritizes the primary action and the information visitors need most on the go.
Technology
Concept Goals
- Answer “are they open?” and “where are they?” instantly
- Replace PDF menus with fast, readable pages
- Make reserving a table a one-tap action
