01
The menu is the homepage
Tonight’s menu sits right after the opening line, set like the printed card on the table, with the time each pasta was rolled and how many portions are left.
Mattarello
A homepage for a handmade-pasta trattoria in Audubon Park, Orlando, laid out like an open menu: tonight's dishes on the right, the kitchen pass on the left showing whatever you are reading about.
This is the real page, running live. Scroll inside the frame, or view it full page. Links are switched off.
The brief
Restaurant sites hide the menu behind a PDF link and lead with a stock interior photo, when the menu, the hours and a table are almost all anyone came for.
Mattarello (a fictional pasta place in Audubon Park, Orlando) opens on tonight’s menu, shows each dish as you read about it, tells you what is running low, and books a table without leaving the page.
What we designed
02
The pass shows the plate
A tall panel on the left works like the kitchen pass: hover a dish and it arrives there; scroll to the wine and the cork comes out. On phones, tapping a dish opens its photo in the menu.
03
One kitchen, one look
Every photo and clip is colour graded the same way and shot tight, so footage from many kitchens reads as one restaurant, and vertical clips fill the pass.
Motion
- Pass that changes with the page
- Dish photos on hover
- Menu that sets in line by line
- Diet filters that dim the menu
- Portions-left meters
- Slow crossfades and settles
- Table picker with live summary
- Clips that play in view
Quiet, like good service: no headline tricks or smooth-scroll, just text that sets in like a printed menu and photos that crossfade slowly at the pass. Everything respects reduced-motion settings.
Want this for your restaurant?
We'll redesign your homepage first and send you a private preview. No call needed.
Start a project