Website

Harbor Booking

Eine schnelle Buchungs-Website für eine kleine Marina mit Live-Verfügbarkeit der Liegeplätze und gehostetem Checkout.

Daten zum Projekt

Jede Buchung erforderte einen Anruf, und die alte Website war in mobilen Netzen langsam.

So entstand es

Sechs Phasen vom ersten Gespräch bis zum Release. Der Balken zeigt, wie sich die Zeit verteilt hat.

5 Wochen insgesamt

Analyse
Das Hafenteam zeigte, wie Buchungen per Telefon und E-Mail ankamen und wo sie verloren gingen.
3 Tage · Buchungsablauf
Architektur
Datenmodell, Rendering-Strategie und API-Verträge standen fest, bevor der erste Screen entstand.
3 Tage · ADR, Datenmodell
Oberfläche
Ein Komponenteninventar und responsive Layouts, vollständig aus Design-Tokens aufgebaut.
1 Woche · Token-Set, Komponenteninventar
Umsetzung
Funktionen gingen in kleinen Schritten hinter Feature-Flags live, mit typisierten Grenzen zwischen Client und Server.
2 Wochen · Feature-Schnitte
Tests
Unit-, End-to-End- und Barrierefreiheitstests liefen bei jedem Pull Request.
2 Tage · Testsuite in der CI
Deployment
Jeder Branch bekam eine Vorschau-Umgebung; der Rollout in die Produktion war ein Klick.
2 Tage · Vorschau- und Release-Pipeline
Ergebnis
Die Online-Buchungen stiegen in der ersten Saison um ein Drittel.
Live-Demo öffnen