Willkommen » Portfolio » Paparoni - Pizzeria-Website mit Charakter
Webseite Gastronomie

Paparoni - Pizzeria-Website mit Charakter

Branche Gastronomie
Typ Webseite
Kontext

Die Herausforderung

Die Website zum Hauptbestellkanal machen statt zur Ergänzung des Telefons. Das hieß: eine UX, die auf das Tempo der Entscheidung am Telefon gebaut ist, ein Upsell, der den Warenkorb hebt ohne zu stören, ein Checkout ohne überflüssige Schritte - und eine Live-Verbindung zwischen Bestellungen, Lieferung und Buchhaltung.
Unser Ansatz

Was wir geliefert haben

Mobile-First-Gestaltung: große Tap-Flächen, klare Hierarchie der Produktkarten, Warenkorb mit einem Tap, kontextbezogene Hilfen und warmes Micro-Copy. Die Architektur trennt Schaufenster und Betrieb - schnelles Front-End mit Lazy Loading und Cache, API-Schicht für Bestellungen und Status, ein Empfehlungsmodul sowie Webhooks zu CRM und Logistik. Die Conversion wird über ein Eventmodell im Data Layer verfolgt.
Projektdetails

Performance der Website Paparoni

Ergebnisse zwei Monate nach dem Launch

×3
Online-Bestellungen
Kanal Nr. 1
+22 %
Durchschnittlicher Warenkorb
kontextbezogener Upsell
1,8 s
LCP Mobil
Core Web Vitals
4,2 %
Conversion-Rate
vs. 1,8 % zuvor

Vor / Nach Seganiko

Conversion-Rate 4,2 %
1,8 %
4,2 %
Ladezeit 1,8 s
5,2 s
1,8 s
Warenkorbabbruch -35 %
72 %
47 %

Projektablauf

1
Woche 1-2
Prototypen & Designsystem
Mobile-first-Wireframes, Markenfarben, ausdrucksstarke Typografie, UI-Komponenten im Pizza-Look.
2
Woche 3-4
Entwicklung & CRM-Integrationen
REST-API, Liefer-Webhooks, Zahlungs-Gateways, intelligentes Empfehlungsmodul.
3
Woche 5-6
Optimierung & Launch
Core Web Vitals, lokales SEO, A/B-Tests im Checkout, Conversion-Analytics, Go-live.

Paparoni - Pizzeria-Website mit Charakter

Paparoni ist mehr als ein Verkaufspunkt: eine Marke, die von einer echten Philosophie und Liebe zum Detail getragen wird.

Unsere Aufgabe war nicht nur, die Onlinebestellung einzurichten, sondern die Energie und die Werte der Marke über Interface, visuelle Sprache und technische Entscheidungen zu transportieren - damit der Weg von der Pizza bis zur Zahlung schnell, einfach und begeisternd ist.

Über den Kunden

  • Marke: Paparoni
  • Segment: Pizzeria & Lieferung
  • Ziel: die Website zum wichtigsten Kanal für Onlinebestellungen machen

Ziele

  • Die UX auf Mobil und auf schnelle Entscheidungen ausrichten.
  • Einen passenden Upsell einbauen, der den Warenkorb erhöht, ohne aufdringlich zu sein.
  • Die Schritte im Checkout und die Abbruchquote reduzieren.
  • CRM, Lieferung und Buchhaltung für einen Betrieb in Echtzeit verbinden.

Rolle von Seganiko

  • Kreativleitung, Designsystem und Content-Patterns.
  • Frontend- & Backend-Entwicklung mit Fokus auf Core Web Vitals.
  • Integrationen von CRM, Liefer-API und Zahlungsanbietern.
  • Basis-SEO, Analytics und Optimierung der Conversion.

Ansatz & Architektur

Wir haben die Website mobile-first gedacht: große Touch-Flächen, klare Hierarchie der Produktkarten, sofortiger Warenkorb mit einem Tap, minimale Ablenkung und kontextbezogene Hilfen. Die künstlerische Leitung - Markenfarben, ausdrucksstarke Typografie und sorgfältige Illustrationen - verstärkt den Eindruck von Sorgfalt, während der Micro-Copy einen warmen Ton anschlägt.

Die Architektur trennt Schaufenster und Betrieb: schnelles Frontend mit Lazy-Loading und Cache, API-Schicht für Bestellungen & Status, Empfehlungsmodul und Webhooks für die Synchronisation mit CRM & Logistik. Sicherheit durch Verschlüsselung, Formularvalidierung und Spamschutz; Analytics über ein Ereignismodell im Data Layer.

Technologien

  • REST/JSON-API, Webhooks und Task-Queues für die Status.
  • Lazy-Loading der Bilder, optimierte Bundles, CDN.
  • Strukturierte Daten, Caching und Versionierung der Inhalte.

UX-Entscheidungen

  • Gerichtekarten mit schnellen Modifikatoren und Extras.
  • Warenkorb auf einer einzigen Seite mit Bearbeitung von Inhalt und Mengen.
  • Klare Liefer- und Zahlungsschritte, ohne Umwege.

Performance & SEO

  • Stabile LCP/INP/CLS-Werte auf den Schlüsselseiten.
  • Optimierte Metadaten, Rich Snippets und interne Verlinkung der Speisekarte.
  • Server-Cache-Hints für wiederkehrende Besuche.

Umsetzung

Start mit Prototypen und Tests auf Mobilgeräten, danach Designsystem und erste Iteration von Katalog und Checkout.

Nach dem Anschluss von CRM und Liefer-API kamen das Empfehlungsmodul und Bewertungen je Gericht hinzu.

Letzter Schritt: ereignisbasierte Analytics, A/B-Tests der Hinweise im Warenkorb und Geschwindigkeitsoptimierung unter realer Last.

  • Prototypen der Abläufe: Pizzaauswahl → Warenkorb → Zahlung.
  • Integrationen: CRM, Lieferung, Zahlungen, Buchhaltungssysteme.
  • Einführung von Bewertungen und Content-Moderation.

Kernmodule

Online-Speisekarte

  • Kategorien, Schnellfilter und Suche nach Zutaten.
  • Karten mit Varianten, Allergenen und Nährwertangaben.
  • Sofortiges Hinzufügen zum Warenkorb und Bearbeiten der Toppings.

Bestellvorgang

  • Checkout auf einer Seite mit bearbeitbarem Warenkorb.
  • Lieferung / Abholung, Zeitfenster und Zahlungsarten.
  • Kundenbereich mit Bestellhistorie und schneller Wiederholung.

Upsell & Integrationen

  • Empfehlungen für Getränke, Saucen und Desserts passend zum Warenkorb.
  • Statussynchronisation und Belegdruck über CRM & Lieferdienst.
  • Betrugsprüfungen und Warnungen bei fehlgeschlagener Zahlung.

Ergebnisse

In zwei Monaten wurde die Website zum wichtigsten Bestellkanal. Nutzer nennen Einfachheit und Tempo sowie die angenehme Atmosphäre; das Team von Paparoni verzeichnet weniger wiederkehrende Rückfragen und eine besser planbare Arbeitslast.

Conversion

Mehr abgeschlossene Bestellungen nach der Vereinfachung des Checkouts und dank Empfehlungen.

Durchschnittlicher Warenkorb

Anstieg dank kontextbezogenem Upsell in der Karte und im Warenkorb.

Geschwindigkeit

Schnelles Laden und Stabilität bei Traffic-Spitzen.

Wir behandeln Paparoni so, wie Paparoni die Pizza behandelt: Jedes Detail zählt - vom „Teig“ (Architektur) bis zum „Anrichten“ (UX).

Projekt ansehen
Ähnliches Projekt besprechen

Paparoni Paparoni


Ein ähnliches Projekt?

Lassen Sie uns Ihre Ziele besprechen.

Kostenloses Angebot anfordern →
Fragen?

Besprechen wir
Ihr Projekt.

Erstes Gespräch kostenlos und unverbindlich.