Skip to content

Alles über die Erstellung und Neugestaltung von professionellen Websites im Jahr 2024

Eine professionelle Website, die auf dem Handy drei Sekunden zu lange zum Laden braucht, ist ein Kontaktformular, das niemand ausfüllt. Das sehen wir vor Ort: Die meisten Neugestaltungen beginnen nach einer operativen Feststellung, nicht nach…

Une professionnelle en agence web analyse des wireframes et des notes de conception pour la refonte d'un site internet en 2024

Eine professionelle Website, die auf Mobilgeräten drei Sekunden zu lange zum Laden braucht, ist ein Kontaktformular, das niemand ausfüllt. Das zeigt sich in der Praxis: Die meisten Neugestaltungen beginnen nach einem operativen Befund, nicht nach einer technologischen Beobachtung. Der Auslöser ist eine steigende Absprungrate, ein unübersichtliches Backoffice oder eine gesetzliche Verpflichtung, die fällig wird.

Webzugänglichkeit und European Accessibility Act: die Vorgabe, die das Lastenheft ändert

Seit dem 28. Juni 2025 verpflichtet der European Accessibility Act private Unternehmen, die digitale Dienstleistungen an Verbraucher der Europäischen Union verkaufen, ihre Nutzererlebnisse barrierefrei zu gestalten. Es geht nicht mehr nur um öffentliche Seiten: die E-Commerce-, Buchungs-, Zahlungs- und Kundenservice-Tunnel fallen ebenfalls in den Geltungsbereich.

Konkret bedeutet das, dass eine Website, die heute ohne Berücksichtigung der WCAG 2.2 erstellt wird, bereits bei der Veröffentlichung eine technische Schuld anhäuft. Die nationalen Behörden intensivieren die Kontrollen, und in mehreren europäischen Ländern entstehen spezielle Meldestellen, um Verbrauchern zu ermöglichen, Verstöße zu melden.

In der Praxis sehen wir Neugestaltungsprojekte, bei denen das Budget für Barrierefreiheit einen signifikanten Teil des Gesamten ausmacht, wo es vor zwei Jahren nahezu nicht vorhanden war. Diese Position zu ignorieren, bedeutet, sich kurzfristig einer zweiten Korrektur-Neugestaltung auszusetzen.

Um den Umfang des technischen Aufwands zu bewerten, der mit einer Konformitätsanpassung verbunden ist, die mit einer grafischen Neugestaltung kombiniert wird, kann man die Website Digiterio im Detail konsultieren, die die Webdesign-Methoden beschreibt, die auf diese Anforderungen zugeschnitten sind.

Ein freiberuflicher Webentwickler arbeitet an der Erstellung einer professionellen responsiven Website auf einem Doppelscreen in seinem Homeoffice

CMS-Wahl und technische Architektur: WordPress, Headless oder maßgeschneidert

Die Wahl des CMS beeinflusst die Wartbarkeit der Website über mehrere Jahre. Es gibt drei häufige Szenarien.

WordPress mit Page Builder

Dies ist das häufigste Szenario für KMUs. Das Plugin-Ökosystem deckt die meisten gängigen Funktionen ab (Formulare, SEO, Cache). Das Hauptproblem bleibt die Ansammlung von schlecht gewarteten Plugins, die die Leistung beeinträchtigen und Sicherheitslücken schaffen.

Headless-Architektur (entkoppeltes CMS)

Hier wird das Backoffice (Inhaltsverwaltung) vom Frontend (Darstellung) getrennt. Dieser Ansatz eignet sich für Unternehmen, die Inhalte über mehrere Kanäle veröffentlichen (Website, mobile App, Terminals). Er erfordert interne oder externe Frontend-Entwicklungskompetenzen, und die anfänglichen Kosten sind höher.

Maßgeschneiderte Entwicklung

Reserviert für Projekte mit spezifischen Geschäftsanforderungen, die von keinem CMS nativ abgedeckt werden. Maßgeschneiderte Lösungen bieten vollständige Kontrolle, aber die Wartung liegt vollständig im Verantwortungsbereich des technischen Teams. Wenn dieses Team wechselt, wird die Dokumentation entscheidend.

Der richtige Reflex: die tatsächlich genutzten Funktionen der aktuellen Website auflisten, bevor man eine Wahl trifft. Es zeigt sich regelmäßig, dass die Hälfte der im Lastenheft vorgesehenen Funktionen nach der Veröffentlichung nie genutzt wird.

Neugestaltung einer Website ohne SEO zu gefährden: die Kontrollpunkte

Eine schlecht geführte Neugestaltung in Bezug auf das SEO kann in wenigen Wochen den organischen Traffic kosten, der über mehrere Jahre aufgebaut wurde. Der 301-Weiterleitungsplan ist das erste zu liefernde Dokument, nicht das letzte.

  • Die vollständige Liste der indexierten URLs vor der Neugestaltung exportieren (über die Search Console oder einen Screaming Frog-Crawl) und dann jede alte URL ihrer neuen Zieladresse zuordnen.
  • Die leistungsstarken Title- und Meta-Description-Tags beibehalten. Nur die umschreiben, deren Klickrate niedrig ist.
  • Überprüfen, dass die interne Verlinkung nach der Änderung der Struktur konsistent bleibt: gebrochene interne Links sind die Hauptursache für den Verlust von Positionen nach der Neugestaltung.
  • Die neue XML-Sitemap sofort nach der Produktionsfreigabe einreichen und die Indexierung in den folgenden Wochen überwachen.

Die Rückmeldungen variieren hinsichtlich der Dauer der Stabilisierung des Traffics nach einer Neugestaltung, aber man beobachtet in der Regel eine Phase der Unsicherheit von einigen Wochen, bevor sich die Positionen konsolidieren.

Ein multidisziplinäres Team arbeitet während eines UX-Neugestaltungs-Workshops in einer Digitalagentur an einem Prototyp einer professionellen Website

Budget und Ziele einer professionellen Website: was die Rechnung wirklich beeinflusst

Der Preis einer professionellen Website hängt weniger von der Anzahl der Seiten ab als von drei Faktoren, die in Angeboten selten detailliert werden.

Der Integrationsgrad mit bestehenden Geschäftstools (CRM, ERP, Abrechnungssoftware) ist der erste Komplexitätsfaktor. Ein Formular über eine API mit einem CRM zu verbinden, erfordert spezifische Entwicklung, und jeder Connector fügt Testzeit hinzu.

Der zweite Faktor ist die Inhaltserstellung. Eine Website mit zehn Seiten, die aus verfassten Texten, professionellen Fotos und kurzen Videos besteht, kostet mehr als eine Website mit dreißig Seiten, die mit Lagerinhalten gefüllt ist. Inhalte sind oft der am meisten unterschätzte Posten in Webentwicklungsprojekten.

Der dritte Faktor betrifft die Konformität. Barrierefreiheit (WCAG 2.2), DSGVO (Cookie-Banner, konforme Formulare, Datenschutzerklärung), rechtliche Hinweise: Diese Elemente erfordern Zeit für die Gestaltung und manchmal ein externes Audit. Sie in der Projektphase zu ignorieren, bedeutet, sie nach der Veröffentlichung nachholen zu müssen, was teurer ist.

Benutzerzentriertes Design: testen, bevor man entwickelt

Das sieht man bei vielen Projekten: Das Design wird intern von den Führungskräften genehmigt, ohne dass es eine Konfrontation mit den tatsächlichen Nutzern gibt. Das Ergebnis ist eine Website, die dem Vorstand gefällt, aber nicht konvertiert.

Zwei Praktiken ändern konkret die Situation:

  • Benutzertests an interaktiven Prototypen (klickbarer Figma-Prototyp), durchgeführt mit fünf bis acht Personen, die die Zielgruppe repräsentieren, vor der Entwicklung. Fünf Tester reichen aus, um die meisten Ergonomieprobleme zu identifizieren.
  • Die Analyse der Nutzerpfade auf der bestehenden Website (Heatmaps, Sitzungsaufzeichnungen), um die tatsächlichen Schmerzpunkte zu identifizieren, bevor die neue Struktur entworfen wird.

Neugestaltung ohne Nutzungsdaten bedeutet, blind zu rekonstruieren. Das Design muss auf den beobachteten Verhaltensweisen basieren, nicht auf den Intuitionen des Projektträgers.

Die Erstellung oder Neugestaltung einer professionellen Website in 2024-2025 hängt von konkreten Entscheidungen ab: gesetzliche Konformität, Wahl der technischen Architektur, Erhalt des SEO und Inhaltserstellung. Jeder vernachlässigte Punkt im Vorfeld wird nach der Veröffentlichung teuer in Korrekturen, oft teurer, als wenn man ihn von Anfang an integriert hätte.

Alles über die Erstellung und Neugestaltung von professionellen Websites im Jahr 2024