Vivi Webdesign — Concept Project
La Nonna Lina Pizzeria
Waterfront Italian Pizzeria — Website Concept
Web Design • UX/UI • Restaurant Website
Project
- La Nonna Lina Pizzeria
Type
- Restaurant Website Concept
Industry
- Food & Hospitality
Services
- UX/UI Design
- Website Design
- Responsive Design
- Visual Direction
- Interactive Design
Tools
Lovable · AI-assisted design · Responsive web design
Concept objective
The Challenge
Create a digital experience that captures the character of a unique waterfront pizzeria while making it incredibly easy for visitors to discover the menu, understand the experience and find the restaurant.
Design thinking
The Approach
For this concept, I focused on translating the restaurant's physical atmosphere into a digital experience — combining waterfront imagery, warm Italian-inspired styling, clear navigation and subtle interaction.
Simple
Make the important information immediately accessible.
Visual
Use photography to communicate the waterfront dining experience.
Warm
Create an inviting visual identity inspired by Italian food and hospitality.
Mobile-first
Design around the way customers actually discover restaurants on their phones.
UX / User journey
Designed around the customer
The website is structured around the questions a restaurant customer needs answered quickly: What is the food like? What is the experience like? Where is it? And how can I visit?
- 01
Discover
Land on a hero that instantly sets the waterfront scene.
- 02
Explore the menu
Browse dishes without pinching, zooming or downloading a PDF.
- 03
See the experience
Photography of the boat, the water and the people.
- 04
Find the location
Map, directions and opening hours, one tap away.
- 05
Call / visit
Clear, persistent contact and booking calls to action.
Visual direction
Italian soul.
London waterfront.
The direction combines Italian warmth, rustic waterfront character and a modern London aesthetic — editorial typography, generous whitespace and photography given room to breathe. An elegant serif carries the headlines; a clean modern sans-serif keeps menus and practical information effortless to read.
Warm cream
Deep tomato
Olive green
Charcoal
Warm gold
Image storytelling
More than a pizzeria.
An experience.
The imagery was selected to communicate more than the food itself. The water, the boat, the people and the pizza work together to tell the story of a relaxed waterfront dining experience.
Website features
Designed to work
Responsive design
Mobile-first navigation
Interactive menu
Animated image reveals
Hover interactions
Gallery lightbox
Clear location & contact CTAs
SEO-friendly structure
Mobile experience
Built for mobile
Restaurant websites are often discovered on the move. The experience was therefore designed to make menus, directions and contact information easy to access from a phone.
Home
Menu
Visit us
Desktop showcase
The homepage, section by section
Hero
Full-bleed waterfront imagery with a single, clear invitation.
Benvenuti
A short, warm introduction to the pizzeria and its story.
Menu
Interactive, categorised and readable on any screen.
Waterfront experience
Photography-led storytelling of the setting.
Gallery
A lightbox of the boat, the dock and the food.
Visit us
Location, hours and contact, with obvious next steps.
Design details
The details matter
Small interactions and visual details were designed to make the experience feel considered without distracting from the food or the customer journey.