B BARLEYSteak & Burger · Est. 2014
Restaurant website · Single-page

Fire, steak
& the perfect burger

A full-screen, story-driven website for Barley: a Beirut steak & burger house. Each section is its own cinematic frame: a flame-grilled hero, a blurred dining room, popular platters and a full burger menu, switching between charcoal-dark and warm cream.

8  full-screen sections Restaurant  ·  Steak  ·  Burgers Beirut, Lebanon  ·  LBP
Role
Product Designer & Front-End
Timeline
3 months
Platform
Web · Single-page
Client
Barley Steak & Burger
barley.comHome · Hero
Barley home hero — flame-grilled grill with the brand crest
The restaurant

An entrance, then a welcome

A full-screen carousel menu reveals the sections, then a cream "welcome" frame introduces the kitchen's traditional, tasty, delicious promise.

barley.com/#menuMenu
Barley full-screen carousel menu navigation
01Carousel menuA full-screen image carousel with Home, Restaurant, Steak, Burgers and Contact.
barley.com/#welcomeWelcome
Barley welcome section on cream paper
02WelcomeHand-drawn icons — traditional, tasty, delicious — on a textured cream page.
Platters & contact

Plates worth the trip

A dark platter carousel puts the cheeseburger centre stage with ingredients and price, while contact lays out hours and a map of the Beirut location.

barley.com/#popularPopular platters
Barley most popular platters carousel
03Popular plattersA framed hero dish flanked by peeks of the next and previous plates.
barley.com/#contactContact
Barley contact section with opening hours and map
04Reach usOpening hours, a dark map pin and the Beirut address, phone and email.
The burgers

A menu that floats off the page

An amber burger title screen breaks the rhythm, then a paginated burger list and a single-burger detail close out the journey.

barley.com/#burgerBurger · Title
Barley exploded burger over the word BURGER on amber
05Burger title screenAn exploded burger floating over an oversized coral "BURGER" wordmark on warm amber.
barley.com/#burgersBurger list
Barley list of burgers with prices
06Burger listChicken, Cordon Blues and a special offer, each priced in LBP with a "know more".
barley.com/#burger-detailBurger detail
Barley single cheeseburger detail with ingredients
07Burger detailA full description, price, ingredient chips and a draggable next-burger control.
The promise

Three words, every plate

It's traditional

Charcoal grilling and a heritage crest, Est. 2014, carried through every frame.

It's tasty

Full-bleed food photography sits at the centre of each section, never an afterthought.

It's delicious

A coral accent and high-contrast serif tie the dark and cream worlds into one identity.

Color system

The Barley palette

Charcoal#0C0C0E
Grill Coral#E0654A
Bun Amber#EDAB3F
Paper Cream#F0EFE9
Off White#F4F1EC