Eine Website, die beim Scrollen Pizza backt
Neue Inhaber, ein frischer Instagram-Auftritt — nur eine Website fehlte noch. Das Portofino liegt ein paar Straßen von meiner alten Schule entfernt, also habe ich angeklopft. Heute entsteht beim Scrollen durch die Seite im Hintergrund eine Pizza, und Reservierungen beantwortet das Team mit einem Klick.
Kunde
Portofino Bar & Restaurant
Leistungen
Online
Die Ausgangslage
Als neue Inhaber das Haus an der Cheruskerstraße übernahmen, waren die ersten Instagram-Posts schnell online. Eine eigene Website fehlte noch — wer nach Öffnungszeiten oder der Karte suchte, fand nichts. Genau in dem Moment habe ich angeklopft. Wir kamen ins Gespräch, und aus dem Gespräch wurde der erste komplette Webauftritt des Hauses.
Das Herzstück der Website
Beim Scrollen entsteht eine Pizza
Auf der Portofino-Website liegt im Hintergrund ein gedeckter Holztisch: Tomaten, Basilikum, Mozzarella. Während Gäste durch Speisekarte und Öffnungszeiten scrollen, wird daraus Bild für Bild eine fertige Pizza — 193 Einzelbilder, gesteuert allein vom Scrollen. So etwas beschreibt man nicht, das erlebt man: Scroll weiter, genau diese Animation läuft jetzt hier.
Buon appetito.
Die Original-Bildsequenz der Portofino-Website — vom gedeckten Tisch zur fertigen Pizza, allein durch dein Scrollen.
Der Alltag hinter der Animation
Die Animation ist der Hingucker — die Arbeit macht der Rest der Seite. Die Speisekarte, dazu dieselbe Karte als PDF zum Downloaden. Eigene Unterseiten für den Saal mit Platz für über 100 Gäste und die Live-Musik-Abende. Und weil die Seite ohne Google-Schriften und ohne Tracking auskommt, liegt alles auf dem eigenen Server — schnell geladen, datenschutz-sauber.
Reservierungen: beantwortet mit einem Klick
Reserviert ein Gast über die Website, landet die Anfrage direkt im Admin-Bereich. Dort genügt ein Klick — annehmen oder ablehnen — und die passende, fertig formulierte E-Mail geht automatisch an den Gast raus. Kein Zurückrufen, kein Zettel an der Theke. Der Gast weiß Bescheid, das Team hat den Kopf frei für den Abend.
Ein Login statt eines Anrufs bei mir
Hinter diesem Login führt das Portofino seine Seite selbst. Gerichte anlegen, Preise ändern, die Reihenfolge auf der Karte verschieben — jede Zeile direkt bearbeitbar, die PDF-Karte gleich nebenan zum Hochladen. Der nächste Live-Musik-Abend steht ganz oben und ist mit zwei Klicks auf ein neues Datum gesetzt. Im selben Fenster liegen die eingegangenen Reservierungen und die Anmeldungen zum Newsletter. Wenn der Mittagstisch morgen anders aussieht, steht das fünf Minuten später auf der Seite. Die Karte wechselt in der Küche, nicht in der Agentur.
Gefunden werden
Strukturierte Daten sagen Google, dass an der Cheruskerstraße ein Restaurant steht — mit Küche, Öffnungszeiten und Reservierungsmöglichkeit. Dazu Sitemap, saubere Meta-Texte und Vorschaubilder fürs Teilen. Kurz: Wer in Bielefeld nach italienischer Küche sucht, soll beim Portofino landen — nicht nur, wer den Namen schon kennt.
193
Einzelbilder verwandeln Zutaten in eine Pizza
1 Klick
vom Reservierungseingang zur Antwort an den Gast
5 Seiten
bei Google gemeldet — von der Startseite bis zur Live-Musik
Ich dachte, ich muss für jede Kleinigkeit anrufen. Stattdessen ändere ich die Preise abends selbst, setze den nächsten Live-Musik-Termin und bestätige die Reservierungen mit einem Klick.