Skip to content
Tvorum.
Concept

Fumo Osteria — website concept for a restaurant

A landing page for an open-fire osteria in Lviv: the mood of a cellar and a wood oven, a filterable menu, table booking in a minute and sign-ups for tastings — no phone calls needed.

Demo UI in Ukrainian — we build in any language.

Fumo Osteria — homepage screenshot

This is a concept, not a client project. The brand, people and data are fictional; the code is real. It was built for the Ukrainian market, so the demo interface is in Ukrainian. Order a site, and with your permission it becomes our next real case study.

Industry
Restaurant
Site type
Landing page
Year
2026
Format
Studio concept

The task

What the site had to do

Guests pick a restaurant for the evening in about thirty seconds — somewhere between Instagram, Google Maps and a friend’s tip. In that time the site has to answer four questions: are you open now, what’s on the menu and what does it cost, is there a table at 8 pm, and is there something for me — vegan, spicy, gluten-free. A typical restaurant site answers with a PDF menu, a phone number and an opening-night gallery.

What the concept had to show:

  • atmosphere sells before prices — guests should feel the heat of the oven and the coziness of the cellar above the fold;
  • booking without a call — at peak hours nobody picks up the phone, and the table goes to a competitor;
  • a menu that reads well on a phone — with prices, ingredients and filters, not a photo of the paper menu;
  • extra weekday revenue — tastings and workshops sold straight from the site;
  • delivery and pickup — a quick hand-off to delivery apps and the restaurant’s own courier.

The goal: turn a visitor from an ad or a search like “Italian restaurant Lviv” into a booked table or an event sign-up.

The solution

Design and UX decisions

The idea — a website measured in degrees. The osteria cooks only over live fire, so temperature became the design language: a live oven “gauge” in the hero, a scroll thermometer from 20° to 485° on the side, and every menu section shows the fire and temperature its dishes are cooked at. Charcoal black, ember orange and cream, a Cormorant serif display and monospaced labels like kitchen tickets.

A cinematic hero: the pizzaiolo at the oven, sparks and smoke on a lightweight canvas, and a “torch” of warm light that follows the cursor. The manifesto ignites word by word as you scroll.

Interactive selling points:

  • a tabbed menu (antipasti, pasta, wood-fired pizza, desserts, wine) with combinable filters for vegan, spicy and gluten-free; wines show the price by the glass and by the bottle;
  • booking: a 14-day strip, slots based on opening hours (past times aren’t offered for today), busy hours, a chef’s table by the oven from 7 pm for up to 8 guests, a seasonal terrace, name and phone validation and a “ticket” with a booking code;
  • events with a seats-left counter, sign-up in a modal and a total calculated by party size;
  • a masonry gallery with a lightbox (keyboard and swipe), plus buttons for delivery apps, the in-house courier and pickup;
  • opening hours with an “open now” indicator in Kyiv time and the kitchen’s last-order time.

Honesty: no invented reviews, ratings or awards — instead, the specifics that actually persuade: temperatures, 48-hour dough fermentation, the wood, the seasonal menu.

Screens

On desktop and on a phone

Fumo Osteria — full homepage
The full homepage — scroll inside the frame.
Fumo Osteria — mobile version
Mobile version

Features

What’s on the site

  • Cinematic hero: canvas sparks and smoke, cursor-following light, a live oven temperature gauge
  • Menu with 5 tabs and combinable vegan / spicy / gluten-free filters
  • Online table booking: date, time by opening hours, party size, area, notes — with validation
  • Chef’s table and seasonal terrace with their own booking rules
  • Events (tastings, workshops, chef’s dinners): filter, seats counter, sign-up and total
  • Masonry gallery with a lightbox, keyboard control and swipe
  • Delivery block with delivery-app buttons, in-house courier and pickup
  • Opening hours with an “open now” indicator in Kyiv time
  • A 20° → 485° scroll thermometer as a signature navigation element
  • Mobile version from 360 px: 14 px+ text, 44 px+ tap targets, accessible forms, reduced-motion support

Stack

  • HTML5
  • CSS Grid/Flex
  • Vanilla JS
  • Canvas: sparks and smoke
  • IntersectionObserver
  • Intl API (Europe/Kyiv time)
  • Native <dialog> for modals and lightbox
  • CMS-ready

Concepts are hand-built static sites. For clients we pick the stack by the job: Next.js, WordPress, Shopify or WooCommerce, with a CMS your team can use.

Palette

  • #0E0C0B
  • #161210
  • #FF5B1F
  • #F6A43C
  • #F1E7D6
For your businessNeed a landing page like this?Landing page: prices and process

More concepts

Other projects

All concepts

$0 · 24 hours

Want one like this — for your business?

Tell us about your business. Within 24 hours we’ll send a prototype of your homepage — inspired by Fumo Osteria or something entirely different.

  • Free homepage prototype within 24 hours
  • Fixed price and deadline in the contract
  • 5% off for every day we’re late
  • Code in your GitHub from day one
  • 30% off for our first 10 clients

Prefer email? tvorum172@gmail.com

Preferred way to talk

No spam, no sales sequences. We use your details only to reply — see our privacy policy.