Home Leistungen Portfolio Kontakt Jetzt anfragen
Zurück zum Portfolio Fiktives Design-Beispiel · Konzeptstudie 03 / 08
Fiktives Beispielszenario · Italienische Trattoria

Volle Auslastung. Ohne Telefon-Tetris.

Wie eine familiengeführte Osteria mit einer dark-eleganten Webpräsenz, hausgemachter Story und 1-Klick-Reservierung zu einem gefragten Geheimtipp werden könnte.

🔒 Design-Vorschau · fiktives Beispiel
Live öffnen ↗
01 — Briefing

Das Problem.

„Wir kochen, was meine Nonna gekocht hat. Aber das hört man unserer alten Website nicht an."

Der Inhaber hatte die Trattoria 2012 nach Berlin gebracht — drei Generationen Rezeptbuch aus Lucca, hausgemachte Pasta, Holzofen. Die alte Website war eine generische Restaurant-Vorlage mit Stockfotos von Pizza Margherita und einer Telefonnummer.

Reservierungen liefen nur via Telefon — und nur, wenn jemand zwischen Service-Stoßzeiten den Hörer hochnahm. Verpasste Anrufe = verlorene Tische. Freitag- und Samstagabend waren ein Tetris-Spiel.

Außerdem fehlte komplett die Familiengeschichte — das, was die Beispiel-Trattoria von zehn anderen Trattorien in Prenzlauer Berg unterscheidet.

02 — Herausforderung & Ansatz

Drei Bestandteile, die wir verändert haben.

Challenge

Reservierungen nur per Telefon

Service-Personal musste zwischen Tischen rangieren und ans Telefon. Häufige verpasste Anrufe in Stoßzeiten.

Solution

Online-Reservierung mit Tischplan

Echtzeit-Verfügbarkeit, Wunsch-Sitzbereich, automatische Bestätigungs- & Erinnerungs-Mails.

Challenge

Keine erzählerische Identität

Generische Stockfotos statt der echten Familiengeschichte. Austauschbare Trattoria von vielen.

Solution

Dark-Gold-Editorial mit Nonna-Story

Cormorant Serif, gold-warme Farbpalette, La-nostra-storia-Sektion mit Foto der Nonna in der Küche.

Challenge

Karte als PDF im Footer

Niemand klickt PDFs am Handy. Gäste wussten nicht, was es gibt — und sprangen ab.

Solution

Speisekarten-Layout im Web

Authentische Trattoria-Karte mit Antipasti/Primi-Sektionen, italienischen Namen, Preisen mit klassischen Dots.

Challenge

Öffnungszeiten unklar

Anrufe wegen Lunedì-Ruhetag waren häufigster Grund für Frust.

Solution

Visueller Wochen-Grid „Orari"

Sieben Spalten Mo–So mit Zeiten oder „Riposo" auf Italienisch — passt zur Story.

03 — Solution

Was das Konzept vorsieht.

Sechs Bausteine, die die Beispiel-Trattoria von einer Trattoria zur Story machen, die man erlebt haben muss.

01

Cinematic Dark-Gold-Hero

Vollbild-Foto der Trattoria mit Cormorant Serif Headline und gold-Akzent.

02

„La nostra storia"-Sektion

Bild der Nonna in der Küche, das Personal persönliche Erzählung über drei Generationen.

03

Speisekarten-Layout im Trattoria-Stil

Antipasti & Primi nebeneinander, Dots-Linien zwischen Name und Preis, italienische Beschreibungen.

04

1-Klick-Reservierungsband

Voller Hintergrund mit warmer Vergrößerung, prominent platziert, Bistro-Reservierungs-API direkt eingebunden.

05

Orari-Grid mit Wochen-Übersicht

Sieben Karten Lunedì–Domenica mit klaren Zeiten oder „Riposo" für Ruhetag.

06

Diskreter Footer mit Italienisch-Akzent

Brand-Wort „Vera" in Italic-Cormorant, Adresse, Reservierung, Instagram.

04 — Result · Unverbindliches Rechenbeispiel

Was sich verändern könnte.

Ein illustratives Zielbild für einen vergleichbaren Betrieb — keine gemessenen Echtwerte.

98%
Sitzungs-Auslastung
illustratives Beispiel
+72%
Online-Reservierungen
Anteil aller Buchungen
−68%
Telefon-Anrufe
Personal hat Zeit fürs Essen
100
Lighthouse Mobile
Hero-Foto optimiert auf 180kb

Unverbindliches Rechenbeispiel. Die gezeigten Szenarien dienen der Veranschaulichung; reale Ergebnisse hängen vom Einzelfall ab.

05 — Timeline

In 1–2 Wochen live.

Tag 1–2 · Discovery

Story-Workshop & Karten-Audit

der Inhaber erzählt die Familiengeschichte, wir sortieren die Karte nach Hero-Gerichten und Saisonalem.

Tag 3–5 · Design

Dark-Gold-Editorial-Layout

Drei Iterationen, Cormorant-Serif-Tests, Foto-Stimmung mit der Inhaber abgestimmt.

Tag 6–11 · Build & Foto

Frontend, Reservierungs-API, Foto-Shoot in der Trattoria

Halbtägiges Foto-Shooting (Küche, Nonna, Räume), parallel Resmio-Integration.

Tag 12–14 · Launch & SEO

Go-Live, lokale SEO, Schema.org Restaurant

Restaurant-Schema mit Speisekarte, OpenHours, AcceptsReservations — Google zeigt jetzt Sterne.

06 — Tech-Stack

Was darunter läuft.

HTML5 + CSS3 Vanilla JS Cormorant Garamond + Inter Resmio Reservierung WebP/AVIF Images Schema.org Restaurant Google-Business sync Cloudflare CDN DSGVO-konform Hosted in DE
Nächster Case

Sanitärbetrieb

04 / 08 · Trust Blue · Leadgen · Fiktives Beispiel