Barley — a restaurant told one frame at a time.
A full-screen, story-driven website for Barley, a Beirut steak & burger house. Each section is a cinematic frame (a flame-grilled hero, a welcome on cream paper, popular platters and a full burger menu) switching between charcoal-dark and warm light.
A menu site that feels like a tasting
Most restaurant sites bury the food under navigation. Barley does the opposite, the food is the interface, and every scroll is a full-screen frame you move through like courses.
We built the experience around a fixed chrome (menu, "reserve now", social and a section counter) that stays put while cinematic frames slide beneath it. The rhythm alternates charcoal-dark sections for grilled drama with warm cream pages for calm, readable menus.
We owned the art direction, the high-contrast serif and coral identity, and the front-end (full-bleed photography, the carousel menu and the burger detail interactions) so the shipped site matched the design exactly.
From art direction to a shipped site
Designed each section as a self-contained cinematic frame with one hero image and a clear focal point.
Paired a high-contrast serif with a clean sans and a single coral accent across dark and cream worlds.
Built the carousel menu, the platter slider and the draggable burger detail control, fast and faithful.
Surfaced hours, a styled map and a persistent "reserve now" so booking is always one click away.
Eight frames, one story
Walk the full site,
frame by frame.
See the flame-grilled hero, the platter carousel and the burger menu in full-width browser frames on the branded Barley canvas.
Explore the showcase