Nohn IT KontaktGespräch vereinbaren

PVIEW Billard: Website-Relaunch

Eine neue Website für ein Billardlokal: schnell auf dem Handy, Preise an einer Stelle gepflegt, Tisch anfragen ohne Anruf. Bisher ein Entwurf, noch nicht online.

Gespräch vereinbaren

Die Preistafel des PVIEW-Entwurfs als gezeichnete Kreidetafel mit Tages- und Abendtarif für Pool-Billard und Snooker, der gerade gültige Tarif ist eingekreist, zu sehen sind öffentliche Preise des Lokals und keine Kundendaten.
Preistafel, der gültige Tarif ist eingekreist Entwurf, öffentliche Preise

Stand

Noch nicht online

Entwurf vom 12.10.2026, Reservierung im Demo-Modus

Unsere Rolle

Neubau der Website

Für wen

Billardlokal in Berlin

Für das Billardlokal PVIEW in Berlin haben wir den Website-Relaunch als Entwurf gebaut: 19 statische Seiten mit Live-Tafel, Preistafel und einem Reservierungsassistenten in sechs Schritten. Im Labortest stand das größte Element nach 1,7 statt 10,5 Sekunden. Die neue Seite ist noch nicht online, die Reservierung sendet bisher nichts.

Die Ausgangslage

Die bisherige Website des Lokals läuft mit WordPress und braucht auf dem Handy lange, bis das Wichtigste zu sehen ist. Im Entwurf stehen Preise, Öffnungszeiten und Termine an genau einer Stelle, damit keine Seite veraltet. Und wer einen Tisch möchte, kann ihn ohne Anruf anfragen.

10,5 s

brauchte die alte Seite in der Live-Messung auf dem Handy, bis das größte Element des ersten Bildschirms stand. Der erste Bildschirm wog 4,4 MB.

Die Lösung in Ansichten

Aufnahmen aus dem Entwurf mit öffentlichen Angaben des Lokals. Die Anfrage im Assistenten ist ein erfundenes Beispiel.

Der Reservierungsassistent des PVIEW-Entwurfs ist als Billardtisch gestaltet und fragt im ersten von sechs Schritten nach dem Spiel, ein Zettel rechts sammelt die Angaben, der Assistent läuft im Demo-Modus und sendet nichts.
Reservieren, Schritt 1 von 6 Demo-Modus, sendet nichts

Reservieren ohne Anruf

Der Assistent ist als Billardtisch gestaltet und führt von Spiel über Tag, Zeit und Personen bis zum Prüfen. Rechts sammelt ein Zettel, was schon gewählt ist.

6 Schritte

Richtwert vor der Anfrage

Im dritten Schritt stehen die Uhrzeiten nach Tages- und Abendtarif getrennt. Der Zettel rechnet aus den öffentlichen Preisen einen Richtwert, hier für zwei Stunden Snooker.

Der Richtwert ist kein Festpreis, bestätigt wird per Mail.

Im dritten Schritt des PVIEW-Reservierungsassistenten sind Uhrzeiten nach Tages- und Abendtarif wählbar, der Zettel rechts zeigt eine erfundene Beispielanfrage für Snooker mit einem Richtwert von 28 Euro, gesendet wird nichts.
Uhrzeit, Dauer und Richtwert Beispielanfrage, Demo
Die Startseite des PVIEW-Entwurfs zeigt die Live-Tafel mit Öffnungsstatus und aktuellem Tarif und darunter Kacheln für Pool-Billard, Snooker und Dart, zu sehen sind nur öffentliche Angaben des Lokals und keine Personen.
Startseite mit Live-Tafel Entwurf
Der Kopfbereich der Eventseite des PVIEW-Entwurfs mit Lampe, großer Überschrift zu Dart und Live-Musik am Montag und dem nächsten Termin, zu sehen sind nur Angaben des Lokals und keine Personen.
Eventseite für den Montag Entwurf

Live-Tafel. Sie zeigt, ob gerade geöffnet ist, welcher Tarif jetzt gilt und was am nächsten Montag ansteht.

Events. Dart-Turnier und Jam Session mit dem nächsten Termin. Die Termine stammen von Plakaten aus 2025 und sind für 2026 noch offen.

So ist es gebaut

Eine statische Website ohne Frameworks. Die Reservierung funktioniert auch ohne JavaScript, ihr Backend ist geplant.

Der Weg einer Reservierung

  1. Der Gast wählt im Assistenten Spiel, Tag, Uhrzeit und Dauer, dann die Zahl der Personen.
  2. Ein Zettel neben den Schritten sammelt die Angaben und rechnet einen Richtwert nach den öffentlichen Preisen.
  3. Nach Kontakt und Prüfen gibt es eine Kalenderdatei zum Termin. Ohne JavaScript führt ein Weg per E-Mail zum Ziel.
  4. Geplant, noch nicht ausgerollt: Ein Cloudflare Worker prüft das Kontingent und trägt die Anfrage in einer einzigen SQL-Anweisung ein, damit kein Tisch doppelt vergeben wird.
  5. Geplant: Das Lokal bestätigt oder lehnt per Mail ab.

Für das Lokal gilt: Solange das Backend nicht ausgerollt ist, kommt keine Anfrage an.

Die Preisseite des PVIEW-Entwurfs auf einem Handy mit Lampe, großer Überschrift und den Knöpfen zum Reservieren und Anrufen, zu sehen sind nur Angaben des Lokals und keine Personen.
Preise auf dem Handy Entwurf

HTML und CSS, wenig JavaScript

Ein eigener kleiner Build baut aus einer einzigen Datendatei alle 19 Seiten. Preise, Öffnungszeiten, Telefonnummer und Termine stehen nur dort.

Was fehlt, mit Absicht

  • keine Frameworks
  • kein PHP
  • keine Anfragen an Drittanbieter
  • Schriften selbst gehostet

Vorher und nachher als Video

Für den Vergleich haben wir eine eigene Video-Engine gebaut. Das Video ist für den Betreiber gedacht.

Was das Projekt zeigt

Erst messen, dann bauen

Hier haben wir zuerst die bestehende Seite gemessen und dann so gebaut, dass der erste Bildschirm schnell steht: statische Seiten, wenig JavaScript, nichts von fremden Servern.

Messwerte und Messweg stehen weiter unten.

Fragen statt raten

Was die Unterlagen nicht klären, halten wir fest. Der Build-Bericht listet 86 offene Fragen an den Betreiber, etwa welche von zwei Telefonnummern gilt.

Geprüft wird automatisch

Zum Entwurf gehört ein eigenes Prüfskript. Allein der Test des Reservierungsassistenten umfasst 246 Prüfungen.

Gemessen im Labortest

Labormessung des Entwurfs auf dem Handy: die neue Seite lokal, die alte live. Vor einer Veröffentlichung messen wir am Livestand neu.

1,7 s

statt 10,5 s, bis das größte Element des ersten Bildschirms steht

100

statt 55 Punkte bei Lighthouse mobil

130 KB

statt 4,4 MB für den ersten Bildschirm

Die Zahlen beschreiben den Entwurf. Ob Gäste damit mehr reservieren, lässt sich erst nach dem Livegang sagen.

Weiter von hier

Fragen zu PVIEW Billard

Ist die neue Website von PVIEW Billard schon online?

Nein. Die neue Seite ist ein Entwurf mit Stand vom 12. Oktober 2026 und noch nicht veröffentlicht. Die Reservierung läuft im Demo-Modus und sendet nichts, das Backend dafür ist eine Skizze und nicht ausgerollt.

Wie belastbar sind die Messwerte?

Es sind Labormessungen des Entwurfs: Die neue Seite wurde lokal gemessen, die alte live im Netz. Die Werte zeigen die Richtung, sind aber kein Vergleich unter gleichen Bedingungen. Vor einer Veröffentlichung messen wir am Livestand neu.

Was hat Nohn IT für PVIEW gebaut?

Die neue Website mit 19 Seiten, die Live-Tafel, die Preistafel und den Reservierungsassistenten in sechs Schritten. Dazu eine Skizze für das Reservierungs-Backend, ein Prüfskript für den Entwurf und ein Vorher-Nachher-Video.

Funktioniert die Reservierung auch ohne JavaScript?

Ja. Der Assistent bietet am Ende eine Kalenderdatei zum Termin an. Wer JavaScript abgeschaltet hat, kommt über einen einfachen Weg per E-Mail ans Ziel.

Wo werden Preise und Öffnungszeiten gepflegt?

An einer Stelle: Preise, Öffnungszeiten, Telefonnummer und Termine stehen in einer einzigen Datendatei. Ein neuer Build zieht alle 19 Seiten nach, sodass keine Seite einen alten Preis behält.

Können Sie auch unsere Website so neu bauen?

Wir beginnen wie hier mit einer Messung der bestehenden Seite und klären, welche Angaben an einer Stelle gepflegt werden sollen. Ob sich ein Neubau lohnt und was er enthalten soll, besprechen wir in einem ersten Gespräch.