Web App (Webapp)

Eine Web App oder Webapp (Web-Applikation, Webanwendung) ist eine Anwendung, die im Browser läuft und sich interaktiv wie ein installiertes Programm bedienen lässt. Eine klassische Website stellt vor allem Inhalte dar. Eine Webapp reagiert dagegen auf Eingaben, verarbeitet Daten und liefert dynamische Ergebnisse, etwa als Buchungssystem, Kundenportal, Konfigurator oder internes Dashboard. Technisch besteht sie aus einem Frontend im Browser (HTML, CSS und JavaScript) und meist einem Backend mit Datenbank und Serverlogik. Aufgerufen wird sie über eine URL, eine Installation ist nicht nötig.

Warum eine Webapp wichtig ist

Der grösste Vorteil ist die Plattformunabhängigkeit. Eine Webapp läuft auf Windows, macOS, Android und iOS, sobald ein Browser vorhanden ist. Du pflegst eine einzige Codebasis statt getrennter Apps für jedes Betriebssystem. Updates stehen zentral und sofort allen zur Verfügung, ohne dass jemand etwas herunterladen muss. Das senkt Wartungsaufwand und Kosten deutlich. Gegenüber einer nativen App entfällt zudem der Umweg über den App Store. Der Zugang erfolgt über einen Link, was sich positiv auf die Conversion-Rate auswirken kann.

Wie es in der Praxis funktioniert

Webapps lassen sich grob nach ihrer Architektur unterscheiden:

• Multi-Page-Application: Jede Aktion lädt eine neue Seite vom Server. Das ist robust und SEO-freundlich.
• Single-Page-Application: Die App lädt einmal und tauscht Inhalte danach dynamisch aus. Das wirkt sehr flüssig, verlangt aber mehr Aufwand für die Indexierung.
• Progressive Web App (PWA): Eine Webapp, die sich auf dem Startbildschirm installieren lässt, teilweise offline funktioniert und Push-Nachrichten senden kann.

Moderne Frameworks setzen verstärkt auf serverseitiges Rendering, damit Webapps trotz viel JavaScript gute Core Web Vitals und eine saubere Indexierung erreichen. Für öffentliche, auffindbare Bereiche zählen weiterhin eine kurze Ladezeit, Responsive Design und Barrierefreiheit. Interne Apps hinter einem Login müssen nicht für Suchmaschinen optimiert werden, wohl aber für Sicherheit (HTTPS/SSL) und Bedienbarkeit.

Web App, Website oder native App?

	Website	Web App	Native App
Zweck	informieren, Anfragen gewinnen	Aufgaben erledigen, Daten verarbeiten	Aufgaben erledigen, tiefe Gerätefunktionen
Zugang	Browser, über Google auffindbar	Browser, oft mit Login	Download aus App Store oder Google Play
Plattformen	alle	alle	je eine Version für iOS und Android
Updates	sofort für alle	sofort für alle	über die Stores, Nutzer müssen aktualisieren
Offline	nein	teilweise, als PWA	ja
Typischer Aufwand	am geringsten	mittel bis hoch	am höchsten

Eine native App lohnt sich vor allem, wenn eine Anwendung täglich genutzt wird und stark auf Kamera, Sensoren oder Hintergrundprozesse angewiesen ist. Für die meisten Geschäftsabläufe eines KMU reicht eine Web App: Sie läuft auf jedem Gerät, braucht keinen Store und lässt sich als Progressive Web App trotzdem auf den Startbildschirm legen.

Beispiele für Web Apps

• Bekannte Dienste: Gmail, Google Docs, Microsoft 365 im Browser oder Online-Banking sind Web Apps.
• Buchung und Termine: Reservationen für Restaurant, Praxis oder Werkstatt mit Kalender und Bestätigungsmail.
• Konfiguratoren und Rechner: Offertrechner, Produktkonfiguratoren oder Bedarfsrechner, die aus Eingaben ein Ergebnis berechnen.
• Kundenportale: Bestellungen, Rechnungen, Dokumente und Status an einem Ort, nach Anmeldung.
• Interne Werkzeuge: Dashboards, Einsatzplanung oder Ranglisten. Ein Beispiel aus unseren Projekten ist Padelo, eine Web App, mit der ein Padel-Club Matches erfasst und Elo-Ranglisten live berechnet.

Wie eine Web App aufgebaut ist

Jede Web App besteht aus drei Schichten:

1. Frontend: die Oberfläche im Browser, gebaut mit HTML, CSS und JavaScript, heute meist mit einem Framework wie React, Vue oder Angular.
2. Backend: die Logik auf dem Server, die Eingaben prüft, rechnet und mit anderen Systemen spricht, etwa über Schnittstellen (APIs) zu Buchhaltung, CRM oder Zahlungsanbieter.
3. Datenbank: speichert Nutzer, Inhalte und Vorgänge dauerhaft.

Je nachdem, wo die Seiten entstehen, unterscheidet man serverseitiges Rendering (der Server liefert fertiges HTML, gut für Ladezeit und Auffindbarkeit) und clientseitiges Rendering, wie bei einer Single-Page-Application. Frameworks wie Next.js verbinden beides.

Web App entwickeln: Ablauf

1. Anforderungen klären: Wer nutzt die App, welche Aufgaben erledigt sie, welche Daten verarbeitet sie, welche Systeme muss sie anbinden?
2. Konzept und Wireframes: Abläufe und Bildschirme skizzieren, bevor programmiert wird. Änderungen sind hier am günstigsten.
3. Erste Version (MVP): nur die Funktionen, ohne die die App keinen Nutzen hat. Weitere Wünsche folgen, wenn echte Nutzer sie bestätigen.
4. Testen: Funktion, Sicherheit, Darstellung auf verschiedenen Geräten und Barrierefreiheit.
5. Betrieb: Hosting, Backups, Sicherheitsupdates und Überwachung. Eine Web App ist nie fertig, sie braucht laufende Pflege.

Was kostet eine Web App?

Eine individuelle Webapplikation mit Login, Schnittstellen und eigenen Abläufen kostet in der Schweiz laut den gängigen Preisratgebern ab rund 30'000 Franken, die Umsetzung dauert meist zwei bis sechs Monate. Dazu kommen laufende Kosten für Hosting und Wartung nach Aufwand. Den Vergleich mit Websites und Shops zeigt die Seite Website-Kosten. Entscheidend für den Preis sind die Zahl der Rollen und Funktionen, die Schnittstellen zu bestehenden Systemen und die Anforderungen an Sicherheit und Datenschutz.

Sicherheit und Datenschutz

Web Apps verarbeiten oft Personendaten. Pflicht sind eine verschlüsselte Verbindung (HTTPS), sichere Anmeldung, Rechte je Rolle und regelmässige Updates aller Bibliotheken. Nach dem Schweizer Datenschutzgesetz (revDSG) musst du transparent machen, welche Daten du wofür bearbeitest, und bei Auslagerung an Dienstleister wissen, wo die Daten liegen. Ein Hosting in der Schweiz oder in der EU vereinfacht das.

Vor- und Nachteile einer Web App

Vorteile

• Eine Codebasis für alle Geräte und Betriebssysteme.
• Kein App Store: kein Prüfverfahren, keine Store-Gebühren, kein Download für die Nutzer.
• Updates wirken sofort, alle arbeiten mit derselben Version.
• Öffentliche Teile sind über Google auffindbar, eine native App ist es nicht.
• Daten liegen zentral auf dem Server, ein verlorenes Gerät bedeutet keinen Datenverlust.

Nachteile

• Ohne Internetverbindung nur eingeschränkt nutzbar, ausser als PWA mit Offline-Speicher.
• Weniger Zugriff auf Gerätefunktionen als eine native App, etwa bei Hintergrundprozessen.
• Die Leistung hängt von Browser und Verbindung ab. Sehr rechenintensive Anwendungen laufen nativ flüssiger.
• Sicherheit und Betrieb liegen bei dir oder deinem Dienstleister: Ein Server will gepflegt sein.

Web App und SEO

Bereiche hinter einem Login gehören nicht in den Google-Index und werden mit noindex oder einer Anmeldung geschützt. Öffentliche Seiten einer Web App, etwa Produktseiten, Rechner oder Ranglisten, können dagegen ranken, wenn sie serverseitig gerendert werden, eigene URLs haben und schnell laden. Lädt der Inhalt erst per JavaScript nach dem Seitenaufruf, sieht Google ihn später oder unvollständig, und viele KI-Crawler führen gar kein JavaScript aus. Bewährt hat sich die Trennung: eine schnelle Website für Auffindbarkeit und Anfragen, die Web App für die Arbeit danach.

Praxis-Bezug für Schweizer KMU

Für ein KMU lautet die Frage selten "Webapp oder Website", sondern welche Aufgabe wo am besten aufgehoben ist. Die öffentliche Website bringt über SEO Anfragen. Eine Webapp automatisiert danach Abläufe, etwa die Online-Terminbuchung, einen Offertrechner oder ein Kundenportal. Wenn du sensible Kundendaten verarbeitest, achte auf den Datenschutz nach Schweizer Recht (revDSG), ein sauberes UX-Design und einen Hosting-Standort in der Schweiz oder in der EU.