Arbeit 04 / 05

2026 · Website & Kundenportal

WakeHouse Wassersport

Website und Kundenportal aus einer Hand – vom Wetter am Rhein bis zur Unterschrift auf dem Boot.

Startseite der Website von WakeHouse mit Live-Bedingungen für Luft, Wasser, Wind und Rhein-Pegel
Abb. 1Startseite der Website von WakeHouse mit Live-Bedingungen für Luft, Wasser, Wind und Rhein-Pegel

01Ausgangslage

Die Ausgangslage.

WakeHouse bietet Wakeboard- und Wakesurf-Touren auf dem Rhein bei Wiesbaden an. Ob sich ein Tag auf dem Wasser lohnt, hängt an Wetter, Wind und Pegel. Gebucht wird nicht pro Ticket, sondern in Slots zu je 15 Minuten.

Die Website sollte deshalb mehr leisten, als das Angebot vorzustellen: aktuelle Bedingungen zeigen, die Tour in wenigen Schritten zusammenstellen lassen und Stammkunden einen eigenen Zugang zu ihrem Slot-Konto geben.

02UmsetzungWebdesign · Software & KI-Integration · Hosting & Wartung

Was ich umgesetzt habe.

  1. Live-Bedingungen auf der Startseite

    Luft- und Wassertemperatur, Wind und Rhein-Pegel auf einen Blick. Die Werte kommen aus einem offenen Wetterdienst und von Bundesbehörden; der Server ruft sie ab und hält sie zwischengespeichert vor.

  2. Wassertemperatur per KI

    Für die Wassertemperatur gibt es keine offene Schnittstelle. Eine KI-Funktion liest den Wert aus der veröffentlichten Messgrafik – automatisch und nur dann, wenn sich die Grafik geändert hat.

  3. Tour-Konfigurator

    Slots, Personen, Schwerpunkt und Leih-Ausrüstung zusammenstellen. Die Rabattstufen werden direkt eingerechnet, mit Hinweis auf die nächste Stufe.

  4. Anfrage auf dem eigenen Server

    Das Buchungsformular läuft über den eigenen Server – ohne externen Formular-Dienst.

  5. Als App installierbar

    Die Website lässt sich auf dem Homescreen ablegen; bereits besuchte Seiten bleiben auch ohne Netz erreichbar.

  6. Bewegung mit Maß

    Großflächige Bilder und Bewegung beim Scrollen, alle Fotos als WebP. Wer reduzierte Bewegung eingestellt hat, sieht eine ruhige Fassung.

03Kapitel Kundenportal

Das Kunden­portal.

Stammkunden kaufen Slots im Paket und verbrauchen sie über die Saison. Das Portal bildet genau diesen Ablauf ab: Der Kunde fragt einen Termin an, WakeHouse bestätigt mit einem Klick, und nach der Fahrt wird direkt auf dem Boot unterschrieben und verbucht.

Von der Website führt der Link „Stammkunden-Login“ direkt ins Portal.

  1. Login per E-Mail-Link

    E-Mail-Adresse eingeben, Link anklicken, angemeldet – ohne Passwort, das vergessen werden kann. Die Links gelten nur kurz und nur einmal.

  2. Anfrage und Bestätigung

    Kunden wählen Datum, Uhrzeit und Slots im Portal. Nach der Bestätigung geht automatisch eine E-Mail mit dem Treffpunkt hinaus.

  3. Wochenkalender

    Alle Termine der Woche von Montag bis Sonntag auf einen Blick, farbig nach Status. Ein Klick öffnet die Angaben zum Kunden.

  4. Unterschrift auf dem Boot

    Die tatsächlich gefahrenen Slots werden angepasst, der Kunde unterschreibt mit dem Finger, die Slots werden verbucht – und der neue Stand kommt per E-Mail.

  5. Statistik und Export

    Übersichten zu Käufen und Verbrauch sowie Exporte als CSV-Datei für die Buchhaltung.

  6. Abgesichert und getestet

    Schutz gegen massenhafte Login-Versuche, abgesicherte Formulare und automatisierte Tests für die Kernabläufe von der Anmeldung bis zur Unterschrift.

04ErgebnisNachgeprüft · mit Datum

Was sich belegen lässt.

Nur Fakten, die ich selbst nachgeprüft habe – jeweils mit Datum.

  • Live

    Luft, Wasser, Wind und Rhein-Pegel auf der Startseite

    Geprüft am 16.10.2026

  • 0

    Cookies beim Aufruf der Website

    Geprüft am 16.10.2026

06KontaktBünde, OWL · Termine nach Vereinbarung

Ein ähnliches Projekt?

Erzählen Sie mir kurz, was Sie vorhaben. Das Erstgespräch ist kostenlos – bei Ihnen vor Ort oder per Video.

  • Kostenloses Erstgespräch
  • Festpreis statt Stundenabrechnung
  • Hosting in der EU
  • Termine bei Ihnen vor Ort oder per Video
  1. Ich lese Ihre Nachricht selbst.
  2. Ich melde mich zeitnah bei Ihnen.
  3. Erstgespräch – kostenlos und unverbindlich.