Case study

Pizzeria Fiamma

A modern restaurant website with online ordering, local delivery and Stripe-powered checkout. Designed to feel authentic, warm and effortless to use on mobile devices.

Role: Design & full-stack developmentStack: Next.js · Stripe · Zustand · MongoDB

Overview

Pizzeria Fiamma wanted an online ordering experience that felt true to a neighbourhood restaurant — straightforward, visually calm and easy to use on a phone. The aim was to remove friction from browsing, ordering and paying, while keeping a strong local identity.

The site structure revolves around a simple scroll-based menu and an integrated checkout flow using Stripe’s Payment Intents API. A neutral colour palette, clear typography and soft animation give it a relaxed, Mediterranean tone.

Key features

  • Clean, mobile-first landing page with menu sections and clear CTAs.
  • Persistent shopping cart built with Zustand for smooth state handling.
  • Stripe Payment Intents integration supporting card, Apple Pay and Google Pay.
  • Automatic local-delivery radius check for valid postcodes.
  • Menu structure designed for future CMS expansion.

Tech & implementation

  • Next.js App Router for page structure and routing.
  • Tailwind CSS for consistent spacing, responsive breakpoints and rapid iteration.
  • Stripe Payment Intents API for secure, custom checkout logic.
  • Zustand for lightweight state management, persisted via localStorage.
  • Deployed on Vercel with automatic SSL, analytics and CI/CD.

The result is a focused digital experience that merges strong performance with visual calm — a lightweight build that directly supports a small business’s day-to-day operations.