RESTAURANT WEBSITE

Fuoco & Farina 

A playful, scroll-driven website for a wood-fired Neapolitan pizzeria.

Fuoco & Farina homepage

PROJECT SNAPSHOT

A bold restaurant website for a Neapolitan pizzeria, with a scroll-pinned pizza that slices itself into eight, a signature menu with an order cart, flip-card reviews, table booking and a swipe-to-chop toppings mini game.

01 · PROJECT

Fuoco & Farina

02 · TYPE

Restaurant Website

03 · SERVICES

Website DesignFrontend DevelopmentScroll Animation

04 · TOOLS

ReactViteGSAPCanvasTailwind CSS

05 · KEY CAPABILITIES

Scroll StorytellingOnline Ordering CartTable BookingFlip-card ReviewsMini Game

06 · STATUS

Live

01 / OVERVIEW

Project
Overview

Fuoco & Farina needed a site that feels as warm and loud as the oven itself. It opens with a branded pizza loader, then a giant "Fire Kissed pies." headline with a hand-drawn arrow, the 48-hour dough and 485° oven stats, and a rotating "Wood fired · since 1998" badge.

As visitors scroll, the hero pizza stays pinned and splits into eight slices, leading into the signature menu (Diavola, Regina Burrata, Funghi & Tartufo) with add-to-order buttons, a look inside the kitchen, guest reviews on flip cards, and a final booking section with opening hours.

02 / KEY FEATURES

Key Features

01

Pizza loader

A branded slice icon and percentage counter that set the tone before the page appears.

02

Slicing scroll scene

The hero pizza stays pinned and breaks into eight slices as you scroll.

03

Menu with cart

Signature pizzas with prices and a + button that updates the order counter.

04

Flip-card reviews

Guest quotes flip over on tap to show the full review and source.

05

Booking section

Opening hours, book-a-table and order-online calls to action, plus tonight's special.

06

Swipe-to-chop game

A small canvas game in the menu where visitors swipe to chop toppings.

MORE PROJECTS

Explore more work.