A video as header, or in the 'hero section', is employed on all Moretti Ristorante's pages with a focus on close up shots to capture the sumptuousness of this 3 star Italian restaurant located in New York.
This vivid and moving design approach is repeated in the rolling feed of food details showing each subsection of the menu (appetizers, entree, dessert, drinks).
Note the bespoke icons, prompting the user to scroll through or jump to the menus.
Mobile design of the homepage, the hamburger menu has been tapped and is rolling over.
Followed is the desktop design of the same page.
Desktop design of the contact page, the map zooms in and out in response to scrolling.
Desktop design of the reservation page. When the 'Billing Details' arrow is clicked, a new form field appears and pushes the other content down (via JavaScript).
The 'Calendar' and 'Table Type' menus appear and hover over existing content.
A variety of drop down menus displaying a hover mode design.
Menus display table preferences, mobile navigation, and a reservation calendar.
Desktop design of the about page, displaying Chef Moretti's Instagram feed, which is also always featured in the footer and on the homepage. This and the 'Request Table' button or link are intentionally repeated.
