Serafina and Cicchetti
This was an interesting one!
Having designed an individual restaurant site for Serafina and Cicchetti separately, both under the same ownership and management, the owner now wanted an “umbrella” to wrap the two sites together. This was useful especially given that much of the information, such as contact info, is shared between the two restaurants.
I opted for a design that would allow the branding information to stay fixed at the top of each page, not scrolling out of view on longer pages. To achieve this, I implemented a custom scrollbar, allowing only the content area of longer pages to scroll. You have to see it in action to appreciate this function (Note: if you have a large monitor, you might need to size your monitor down to initialize the scrollbars).
There is also a persistent navigation menu that is available on every page of the umbrella site, Serafina’s site, and Cicchetti’s site, while the two restaurants each have their own navigation menu as well. The idea with this was to make it styled simply (a black vertical bar with white text), both so it would create good contrast with the other sites, yet not clash.