Ember & Oak - Premium Restaurant Demo Website

A high-conversion restaurant web experience designed for a premium fine-dining brand, with cinematic motion, rich storytelling, menu exploration, reservation flows, and hospitality-focused conversion paths.

Tech Stack

Key Engineering Decisions

• Used the Next.js App Router with modular route-level pages to structure the restaurant journey from discovery to reservation.
• Built reusable UI sections and layout components to keep the experience scalable across menu, gift card, private dining, and press pages.
• Applied motion deliberately with cinematic transitions, progressive reveals, and layered overlays to reinforce a luxury brand feel.
• Focused on mobile and desktop conversion by adding persistent reservation affordances and sticky booking UI patterns.
• Used typed mock data and component composition to keep content-driven sections maintainable and easy to extend.

What I Built

• Designed a complete restaurant funnel including menu browsing, reservations, private dining, gift cards, and press coverage.
• Built polished interactions such as gallery lightboxes, modals, mobile drawer navigation, and animated section reveals.
• Created a strong visual system with luxury typography, dark-surface styling, and high-end hospitality presentation.
• Implemented responsive layouts that preserve both visual impact and usability across devices.

Impact

• Delivered a strong sales-demo experience for hospitality-focused web presentation.
• Showcased frontend craftsmanship through branded motion, component reuse, and conversion-oriented page architecture.
• Created a flexible foundation that could be extended into a real restaurant marketing site or booking product.

Screenshots