Entwicklung von Web-Applikationen auf mehreren Endgeräten

Webentwicklung für alle Geräte und alle Menschen Datenschutzkonform, barrierefrei und mobil gedacht

Eine Website oder Web-Anwendung läuft normalerweise direkt im Browser, braucht keine Installation und ist auf jedem Gerät erreichbar. Genau deshalb gelten hier Anforderungen, die sich nachträglich nur aufwendig erfüllen lassen:

  • Barrierefreiheit nach WCAG (Web Content Accessibility Guidelines) und BFSG (Barriere­freiheits­stärkungs­gesetz)
  • Datenschutz nach DSGVO (Datenschutz­grund­verordnung)
  • eine saubere Darstellung auf allen Bildschirm­größen

Drei Anforderungen, ein Fundament

Drei Bereiche, die ineinander greifen. Sauberes, semantisches HTML erleichtert die Responsivität. Ein schlankes Webangebot ohne Abhängigkeiten lädt schneller und braucht weniger Einwilligungen. Und eine Website, die sich per Tastatur bedienen lässt, erfüllt eine Grundvoraussetzung der Barrierefreiheit. Deshalb sollten alle drei Punkte von Beginn an in Konzept, Design-System und Umsetzung mit bedacht werden.

Ein Layout für jedes Gerät mit Responsivität

Nutzer greifen mit Ihrem Smartphone, Tablet oder Desktop auf eine Website oder ein Webangebot zu. Responsives Design passt Layout und Bedienelemente an die verfügbare Fläche an, statt mehrere Versionen bereitzustellen. Dazu gehören flexible Layouts und Inhalte, die bei schmaler Displaybreite ohne horizontales Scrollen nutzbar sind. Genauso wichtig sind eine gute Bedienbarkeit und Nutzererfahrung, die mittels ausreichend große Touch-Ziele und kurze Ladezeiten erreicht werden. Diese Aspekte werden mit den sog. Core Web Vitals gemessen und fließen ins Suchmaschinenranking ein. Daher lässt sich sagen, berücksichtigt das Webangebot die Basispunkte, ist auch eine gute Suchmaschinenoptimierung (SEO) kein Problem.

DSGVO, Datenschutz von Anfang an

Fast jedes Webangebot verarbeitet personenbezogene Daten, schon durch Formulare, Server-Logs und Benutzerkonten. Die DSGVO verlangt Datenschutz durch Technikgestaltung1 und angemessene Sicherheitsmaßnahmen2. In der Praxis heißt das, nur erforderliche Daten erheben, Hosting-Dienstleister per Auftrags­verarbeitungs­vertrag binden, Schriften und Skripte lokal ausliefern statt von Drittservern zu laden, Einwilligungen für Tracking einholen und ein Löschkonzept einplanen. Daher planen wir von Beginn an diese grundsätzlichen Punkte in Datenmodellen und Integrationen schon vor dem Livegang mit ein.

1 Art. 25 DSVGO — 2 Art. 32 DSGVO

Bildschrim mit Design-System in Ausschnitten

Barriere­freiheit nach WCAG und BFSG Standards

Seit dem 28. Juni 2025 gilt das Barriere­freiheits­stärkungs­gesetz (BFSG). Es betrifft unter anderem Webangebote, über die Verbraucher Verträge abschließen können. Kleinst­unternehmen mit Dienst­leistungs­angebot sind aktuell ausgenommen, wobei wir auch für diese Fälle eine barrierearme Entwicklung immer mitdenken. Öffentliche Stellen unterliegen zusätzlich der BITV 2.0. Wir klären mit Ihnen, was für Ihr Webangebot angemessen oder verpflichtend ist.

Das nötige Fachwissen haben wir im eigenen Haus. Als Maßstab legen wir in der Regel die WCAG 2.1 in Stufe AA zugrunde und setzen sie von Beginn an um. Tastatur­bedienung, semantisches HTML, ausreichende Kontraste, verständliche Fehlermeldungen und Inhalte, die auch Screenreader erkennen, sind für uns die minimale Vorgabe, die es zu erfüllen gilt. Von Beginn an mitgedacht vermeiden Sie so späte Umbauten kurz vor dem Livegang.

Metropolis Halle Babelsberg

Ein Projekt, bei dem das gesamte Webangebot überarbeitet wurde und auf SEO und SEA hin optimiert wurde.
  • UX/UI
  • Web-Application
  • Fotografie
  • Texterstellung
Weitere Cases anschauen

Fragen die oft entstehen

Welche Technologien werden bei der Webentwicklung verwendet?

Wir wählen die Technologien passend zur Aufgabe und nach Bedarf. Für redaktionell gepflegte Websites setzen wir häufig auf WordPress, für schnelle, performante Auftritte auf moderne Frameworks und statische Seitengeneratoren. Entscheidend sind Ihre Anforderungen an Pflege, Performance und Erweiterbarkeit, nicht unsere Vorliebe für ein bestimmtes Tool.

Sind entwickelte Websites von Studio Zweibrand datenschutzkonform und barrierefrei?

Datenschutz und Barrierefreiheit berücksichtigen wir von Beginn an. Gerade wenn es sich um Cookie-Einbindung, Schriftarten, Kontrasten und Tastaturbedienung handelt. Eine pauschale Rechtssicherheit können wir nicht zusagen, da dies genauso von Inhalten und Einsatz im Betrieb abhängt. Wir sorgen aber für eine saubere technische und gestalterische Grundlage. Wir setzen uns an dieser Stelle immer sehr stark für einen Austausch mit dem von Ihnen beauftraten Datenschützer auseinander um ein bestmöglichstes Ergebnis bereitstellen zu können.

Sind die Websites auch für Smartphones und Tablets optimiert?

Ja. Alle Websites entwickeln wir responsiv, sodass sie auf Smartphones, Tablets und Desktops gut lesbar und bedienbar sind. Wir testen auf verschiedenen Geräten und Bildschirmgrößen, sowie Cross-Browser konform auf den gängigen aktuellen Browser-Typen.

Übernehmen Sie auch Wartung und Hosting?

Wartung, Updates und Weiterentwicklung übernehmen wir gern.

Das Hosting bieten wir nicht selbst an, wir beraten aber bei der Wahl eines geeigneten Anbieters und richten Ihre Website dort ein. Bei einem bestehendem Hosting-Paket beraten und optimieren wir zusätzlich gern.

Webangebote sind komplex aber nicht undurch­sichtig

Sie haben Fragen zu Ihrem Projekt? In einem direktem Gespräch können wir gern die Anforderungen abstimmen und gemeinsam beurteilen, was der konkrete Bedarf ist.