Web-App mit Buchungssystem: dampfwage.ch

Eine mobile Sauna auf einem Anhänger – dafür braucht es mehr als eine schöne Webseite. Wer die Dampfwage mieten will, muss Termine einfach anfragen können. Der Vermieter wiederum will die Anfragen im Griff behalten. Für dampfwage.ch haben wir deshalb eine Web-App mit Buchungssystem gebaut, statt nur auf eine reine Präsentationsseite zu setzen.

Eine App statt vieler Tools

Oft entsteht so etwas aus Einzelteilen: eine Webseite, ein Formular-Plugin, eine Tabelle für Buchungen, ein separates Mailprogramm. Das funktioniert – bis man den Überblick verliert.

Wir haben alles in eine Anwendung gepackt:

• Frontend – die öffentliche Webseite mit Angebot und Anfrage.
• Backend – nimmt Anfragen entgegen und verwaltet sie.
• E-Mail-Service – Anfragebestätigungen landen automatisch im Postfach.
• Dashboard – alle Anfragen übersichtlich an einem Ort für den Vermieter.

Webseite oder Web-App – was ist der Unterschied?

Eine statische Webseite stellt Inhalte nur dar. Eine Web-App mit serverseitigen Funktionen geht darüber hinaus und ermöglicht echte Interaktion: Formulare, Buchungsanfragen und die Anbindung externer Schnittstellen. Zusätzlich lassen sich Daten speichern und verwalten.

Eine Web-App lohnt sich, wenn deine Webseite eine Aufgabe erledigen soll, die du heute von Hand machst – zum Beispiel:

• Kundinnen und Kunden reservieren oder buchen etwas, etwa einen Termin, ein Mietobjekt oder einen Platz.
• Anfragen sollen automatisch bestätigt werden, statt dass du jede E-Mail selbst schreibst.
• Du willst Daten an einem Ort verwalten, statt sie aus Postfach, Tabelle und Notizen zusammenzusuchen.
• Aus den Daten sollen Dokumente entstehen, zum Beispiel ein Vertrag oder eine Bestätigung.

Geht es dagegen vor allem darum, dein Angebot zu zeigen und gefunden zu werden, reicht oft eine statische Webseite – wie bei der Vereinswebseite des EHC Koppigen. Die ist schneller umgesetzt, günstiger im Betrieb und braucht weniger Pflege.

Die Technologie hinter der Web-App

Mit Next.js laufen die öffentlichen Seiten und die serverseitige Logik im selben Projekt – schnell und zuverlässig. So entsteht eine effiziente und sichere Entwicklungsbasis, die auf bestehende Komponenten setzt und sich nach Wunsch anpassen lässt.

Für Besucherinnen und Besucher fühlt sich die Web-App an wie eine normale Webseite: Sie lädt schnell, funktioniert auf Smartphone, Tablet und Desktop und wird von Suchmaschinen gefunden. Die zusätzlichen Funktionen arbeiten im Hintergrund.

So läuft eine Buchung ab

Aus Sicht der Mieterin oder des Mieters ist der Weg kurz:

1. Anfrage stellen – auf der Webseite das gewünschte Datum wählen und das Formular ausfüllen.
2. Bestätigung erhalten – der E-Mail-Service verschickt automatisch eine Eingangsbestätigung.
3. Zusage abwarten – der Vermieter prüft die Anfrage im Dashboard und bestätigt sie.

Für den Vermieter ist das Dashboard das Herzstück der Datenverwaltung. Es ist passwortgeschützt und steht nur ihm zur Verfügung. Der Vorteil: Alle Buchungen werden übersichtlich angezeigt und lassen sich direkt verwalten, bestätigen und als Mietvertrag exportieren. Kein Abtippen, kein Suchen im Postfach.

Die Umsetzung

Die Web-App wurde laufend weiterentwickelt und deckt die Anforderungen gezielt ab: von der Webseite über das Buchungssystem und die Datenverwaltung bis hin zur automatisierten E-Mail-Funktion und der Veröffentlichung von Änderungen. Die Wünsche des Kunden stehen bei der Entwicklung im Vordergrund und werden massgeschneidert umgesetzt.

Gerade bei einer Web-App ist der Launch nicht das Ende: Mit dem Betrieb kommen neue Ideen, und die Anwendung muss sicher und aktuell bleiben. Deshalb begleiten wir solche Projekte auch nach dem Start mit Hosting und Betreuung.

Was wir mitnehmen

Eine massgeschneiderte Web-App ersetzt viele kleine Werkzeuge durch eine einzige Anwendung, die genau das tut, was ein Betrieb braucht – nicht mehr und nicht weniger. Für kleine Unternehmen mit einem klaren Ablauf, wie einer Vermietung, ist das oft übersichtlicher als eine Sammlung von Plugins und Standardlösungen.

Mehr zu unserer Arbeit im Bereich Webentwicklung findest du auf der Leistungsseite, weitere Referenzen unter Projekte.

Brauchst du mehr als nur eine Visitenkarte im Internet? Erzähl uns von deinem Projekt.