Was wir bei der Gestaltung von Kunden Websites immer beachten

Sie öffnen eine neue Website und stolpern nach wenigen Sekunden über ein verwirrendes Menü. Texte laden im Schneckentempo, und auf dem Smartphone verrutscht alles. Genau in diesem Moment entscheiden Besucher, ob sie bleiben oder weiterziehen. Online gilt dasselbe wie im Ladengeschäft: Wer keine einladende Atmosphäre schafft, verliert Besucher, bevor das erste Gespräch beginnt.

Eine gute Website für Kunden verbindet deshalb mehrere Disziplinen. Sie gliedert ihre Inhalte klar, hat ein Design, das zur Marke passt, und führt den Blick der Besucher wie von selbst durch jede Seite. Sie lädt schnell, funktioniert auf Desktop, Tablet und Smartphone und erfüllt alle Pflichten zu Datenschutz und Impressum. Und sie ist von Anfang an so aufgebaut, dass Suchmaschinen sie gut verstehen.

In diesem Artikel zeigen wir Ihnen als WordPress Agentur Schritt für Schritt, welche Prinzipien wir bei jeder Website für Kunden anwenden. Dazu erklären wir, warum gerade diese Details über einen kurzen Besuch oder eine dauerhafte Kundenbeziehung entscheiden. Die Checkliste hilft Ihnen auch dann, wenn Sie Ihre Website selbst oder mit einem anderen Partner umsetzen.

Klare Ziele als Fundament

Bevor die erste Zeile Code oder ein Entwurf in Figma entsteht, braucht es eine Antwort auf eine Frage: Was soll die Website erreichen? Ohne klare Ziele gleicht die Erstellung einer Website einer Fahrt ohne Navi. Man kommt vielleicht irgendwo an, aber selten dort, wo man hinwollte.

Eine gute Website ist mehr als eine digitale Visitenkarte. Sie ist ein Werkzeug, das aktiv zum Erfolg des Unternehmens beiträgt. Das gilt für jede Firmenwebsite, von der kompakten Seite mit Basisinformationen und Kontaktformular bis zum vollständigen Onlineshop.

Messbare KPIs festlegen

Ziele sind nur dann etwas wert, wenn sich ihr Erreichen messen lässt. Deshalb legen wir konkrete Kennzahlen (Key Performance Indicators, KPIs) fest, zum Beispiel:

• eine höhere Conversion Rate
• eine geringere Absprungrate
• eine längere Verweildauer

Diese Zahlen sind später die Grundlage für Optimierungen auf Basis von Daten. Wichtig ist, das eigentliche Ziel im Blick zu behalten. Eine neue Landingpage für Google zu verbessern braucht andere Maßnahmen, als den Verkauf einer bestimmten Produktreihe anzukurbeln. Viele Methoden überschneiden sich aber, und an guten Core Web Vitals kommen Sie bei keinem Ansatz vorbei.

Geschäftsziele und Marketingziele definieren

Darauf aufbauend legen wir mit unseren Kunden die übergeordneten Geschäftsziele fest. Soll die Website vor allem neue Anfragen bringen, den Verkauf im Onlineshop ankurbeln, die Marke bekannter machen oder bestehenden Kunden als Hilfe dienen? Jedes dieser Ziele verlangt eine andere Herangehensweise an Gestaltung, Struktur und Inhalte.

Nutzer und Usability zuerst

Wir bauen eine Website für die Menschen, die sie besuchen. Die beste User Experience entsteht, wenn wir verstehen, wie Besucher denken, handeln und Probleme lösen. Die meisten Menschen überfliegen Webseiten nur, statt sie Wort für Wort zu lesen. Das nennt man Skimming.

Ihre Aufmerksamkeit schweift, bis ein interessantes Element den Blick einfängt. Genau das nutzen wir im Webdesign, um die wichtigsten Botschaften gezielt zu platzieren. Dabei gehen wir immer vom Smartphone aus.

Informationsarchitektur und Navigation

Eine klare Struktur ist das A und O. Gemeinsam mit Ihnen entwickeln wir eine logische Informationsarchitektur, über die Besucher mit wenigen Klicks finden, was sie suchen. Eine durchdachte Navigation verhindert Frust und sorgt dafür, dass sich Besucher auf der Website zurechtfinden.

Überlegen Sie einmal, was für Sie besser passt: ein Mega Menü mit Bildern, zumindest am Desktop, oder eine klassische Menüleiste? Die Antwort hängt von vielen Fragen ab. Haben Sie einen Onlineshop mit Produktkategorien? Oder keinen Shop, aber eine komplexe Produktpalette, die Sie auf eigenen Landingpages beschreiben wollen? Behalten Sie solche Grundfragen im Designprozess im Hinterkopf und geben Sie sie unserem Designer als Feedback mit.

Barrierefreiheit nach WCAG

Das Internet sollte für alle zugänglich sein. Barrierefreiheit gehört für uns deshalb fest dazu, erst recht, seit am 28. Juni 2025 das Barrierefreiheitsstärkungsgesetz (BFSG) gilt.

Wir achten auf die Web Content Accessibility Guidelines (WCAG), etwa auf ausreichende Farbkontraste, Alternativtexte für Grafiken, eine vollständige Bedienung per Tastatur und sinnvolle ARIA Labels. Das erleichtert Menschen mit Einschränkungen die Nutzung und hilft auch Suchmaschinen, Inhalte zu verstehen.

Kurz zur Einordnung: Das BFSG verpflichtet Unternehmen, bestimmte digitale Produkte und Dienstleistungen barrierefrei zu gestalten. Das betrifft vor allem Angebote mit Interaktion oder Transaktion, etwa Webshops, Buchungssysteme oder Kundenportale. Maßstab ist die Norm EN 301 549, die für Websites auf die WCAG 2.1 auf Stufe AA verweist.

WCAG 2.1 AA als Mindeststandard

Stufe AAA ist freiwillig und gesetzlich nicht gefordert. Wir empfehlen trotzdem, sich schon heute an den strengeren Kriterien der WCAG 2.2 AA zu orientieren. Dazu gehören etwa größere Klickflächen und eine barrierefreie Anmeldung. Diese Kriterien dürften künftig auch rechtlich nachgezogen werden.

Ausnahmen

Reine Informationsseiten von Unternehmen ohne Interaktion sind in der Regel nicht betroffen. Für Dienstleistungen gilt außerdem eine Ausnahme für Kleinstunternehmen mit weniger als zehn Beschäftigten und höchstens 2 Millionen Euro Jahresumsatz oder Jahresbilanzsumme. Die Anforderungen gelten für Angebote an Verbraucher und für alle Unternehmen oberhalb dieser Schwellen, auch außerhalb öffentlicher Stellen.

Ob das Gesetz für Sie gilt, klärt ein kurzer BFSG Check. Ihre aktuelle Website können Sie zum Beispiel bei eRecht24 kostenlos prüfen. Bedenken Sie auch: Solche Vorgaben sind ein beliebtes Ziel für Abmahnungen, weil sich die technischen Kriterien in großer Zahl automatisch testen lassen.

Besuchswege ohne Hürden

Wir analysieren die Wege, die Besucher auf der Website gehen (User Journeys), und gestalten sie so einfach wie möglich. Ob Kontaktaufnahme, Kauf oder die Suche nach einer Information: Wir entfernen unnötige Hürden und machen jeden Schritt leicht. Dafür gibt es viele Wege, hier ein paar Beispiele aus unserem Alltag:

• Suchleisten mit Vorschaubildern, die Ergebnisse per AJAX sofort anzeigen, ohne die Seite neu zu laden.
• Mini Warenkörbe auf Basis von AJAX, in denen Kunden ihren Warenkorb bearbeiten, ohne die aktuelle Seite zu verlassen.
• Kontaktformulare und Anmeldungen zum Newsletter mit Spamschutz, der unsichtbar arbeitet oder kaum stört.

Responsive Design für alle Geräte

Die Zeiten, in denen Websites nur am Desktop besucht wurden, sind lange vorbei. Heute kommen Besucher über Smartphones, Tablets und viele weitere Geräte. Eine moderne Unternehmenswebsite muss auf allen eine gute Figur machen.

Mobile First

Google crawlt und bewertet Websites inzwischen mit dem Smartphone Crawler (Mobile First Indexing). Wir verfolgen deshalb konsequent den Ansatz Mobile First: Wir entwerfen jede Seite zuerst für den kleinsten Bildschirm und erweitern das Layout dann Schritt für Schritt für größere Displays. Das zwingt uns, uns auf die wichtigsten Inhalte und Funktionen zu konzentrieren, und davon haben Besucher auf allen Geräten etwas.

Tests in allen gängigen Browsern

Jeder Browser interpretiert Code etwas anders. Damit die Website in Chrome, Firefox, Safari und Edge fehlerfrei aussieht und funktioniert, testen wir sie in allen gängigen Browsern.

Progressive Enhancement

Hinter dem Begriff steckt ein einfaches Prinzip. Wir bauen eine solide Basisversion der Website, die auf allen Geräten und bei jeder Verbindung funktioniert. Darauf setzen wir erweiterte Funktionen und Gestaltungselemente, die moderne Browser unterstützen. So erhält jeder Nutzer die beste Version, die seine Technik zulässt.

Typische Unterschiede sind ein ausführlicheres Menü am Desktop oder ein Slider, der nur dort lädt, während mobil ein einzelnes Bild genügt. Das wirkt sich direkt auf die Core Web Vitals aus, denn Bildslider und Videoslider sind bekannte Bremsen.

Performance und Ladezeit

Nichts frustriert Besucher mehr als lange Ladezeiten. Nach einer Studie von Google springen Besucher bei drei statt einer Sekunde Ladezeit mit 32 Prozent höherer Wahrscheinlichkeit ab. Schnelle Ladezeiten sind deshalb ein wichtiger Erfolgsfaktor und fließen bei Google ins Ranking ein. Wie wir bestehende Websites beschleunigen, zeigt unsere Performance Optimierung.

Bilder und Videos komprimieren

Große Bilder und Videos sind oft die Hauptursache für lange Ladezeiten. Wir komprimieren alle Medien ohne sichtbaren Qualitätsverlust, nutzen moderne Formate wie WebP und setzen Lazy Loading ein. Dabei laden Bilder erst, wenn sie in den sichtbaren Bereich scrollen. Außerdem vergeben wir die Fetch Priority korrekt, damit wichtige Bilder zuerst laden.

Hosting und Caching

Die Wahl des Hostings und eine durchdachte Strategie fürs Caching machen viel aus. Wir empfehlen leistungsfähige Server und richten Caching ein, das bereits aufgerufene Inhalte zwischenspeichert. So muss die Datenbank seltener abgefragt werden, und die Website lädt bei wiederholten Besuchen deutlich schneller.

Egal, welches Hosting Sie nutzen, wir haben es wahrscheinlich schon gesehen: von Managed Hosting wie bei IONOS bis zu Oberflächen wie Plesk und cPanel auf einem eigenen Server. Wir kennen die Caching Systeme von LiteSpeed und nginx als Reverse Proxy und stellen den OPcache passend ein. Auch Object Caching und Page Caching in WordPress richten wir ein.

Core Web Vitals im Blick

Die Core Web Vitals sind Kennzahlen von Google, die das echte Nutzererlebnis messen: Ladezeit (Largest Contentful Paint, LCP), Reaktion auf Eingaben (Interaction to Next Paint, INP) und visuelle Stabilität (Cumulative Layout Shift, CLS). Seit März 2024 ersetzt INP die frühere Kennzahl FID. Wir optimieren jede Website, die wir erstellen, auf gute Werte in allen drei Bereichen und halten uns dabei an die Vorgaben von Google.

Visuelle Gestaltung, die zur Marke passt

Das Design ist das Erste, was Besucher wahrnehmen. Es transportiert die Identität der Marke, schafft Vertrauen und prägt, wie Leistungen und Produkte wahrgenommen werden. Unser Ziel ist ein Design, das Ihre Werte widerspiegelt und Ihr Corporate Design im Web erlebbar macht.

Farben, Typografie und Weißraum

Wir entwickeln eine stimmige Farbpalette, wählen gut lesbare Schriften und setzen Weißraum gezielt ein. Zusammen ergibt das eine aufgeräumte, angenehme Atmosphäre, in der Besucher gern bleiben.

Reduziertes, fokussiertes Layout

Überladene Seiten überfordern. Wir bevorzugen reduzierte Layouts, die den Blick auf die wichtigsten Inhalte und Handlungsaufforderungen lenken. Jedes Element hat eine klare Aufgabe.

Social Proof und Vertrauen

Vertrauen entsteht durch Belege. Deshalb binden wir gezielt Kundenstimmen, Fallstudien, Gütesiegel oder Partnerlogos ein. Dieser Social Proof zeigt neuen Besuchern, dass sie bei einem seriösen Anbieter gelandet sind.

Content Strategie und Storytelling

Gute Inhalte sind das Herzstück jeder Website, denn ohne relevante Inhalte nützt auch die beste Technik wenig. Wir helfen Ihnen, eine Strategie für Ihre Inhalte zu entwickeln, die Ihre Zielgruppe anspricht und ihr echten Nutzen bietet.

Inhalte für jede Phase der Entscheidung

Wir planen Inhalte, die potenzielle Kunden in jeder Phase abholen: bei der ersten Suche nach Informationen (Top Funnel), beim Vergleich von Lösungen (Mid Funnel) und bei der Kaufentscheidung (Bottom Funnel). Das geschieht oft in Blogbeiträgen, ausführlichen Leistungsbeschreibungen oder Fallstudien.

Tonalität und Lesbarkeit

Die Tonalität muss zur Marke und zur Zielgruppe passen. Wir achten auf eine klare, verständliche Sprache und gliedern Texte mit Überschriften, Absätzen und Listen, damit sie sich leicht lesen lassen.

Inhalte aktuell halten

Eine Website ist nie wirklich fertig. Veraltete Inhalte wirken ungepflegt und kosten Vertrauen. Wir planen deshalb von Anfang an ein, dass Sie Inhalte einfach aktualisieren können. Das geht etwa in einem Content Management System (CMS) wie WordPress oder in Projekten, die wir als Framer Agentur umsetzen.

SEO von Anfang an

Suchmaschinenoptimierung (SEO) setzt man nicht erst nach dem Launch obendrauf. Wir berücksichtigen sie vom ersten Tag an, damit Google und andere Suchmaschinen die Website gut finden und bewerten. Unser Vorgehen im Detail beschreibt die Seite zur Suchmaschinenoptimierung.

Technisches SEO

Wir schaffen eine saubere technische Grundlage. Dazu gehören:

• eine logische URL Struktur
• eine XML Sitemap
• korrekte Canonical Tags gegen doppelte Inhalte
• eine schnelle Indexierung durch die Crawler der Suchmaschinen

Plugins wie Rank Math oder Yoast SEO helfen dabei.

OnPage Optimierung

Jede Seite optimieren wir auf die Suchbegriffe, die wir in einer Keyword Recherche ermitteln. Dazu gehören sorgfältig formulierte Seitentitel und Meta Daten, eine sinnvolle Hierarchie der Überschriften (H1, H2, H3) und eine gute interne Verlinkung. Vieles davon lässt sich auch automatisiert messen.

Recht und Sicherheit

Eine Website für Unternehmen muss rechtssicher sein und die Daten ihrer Besucher schützen. Verstöße können teure Abmahnungen nach sich ziehen und das Vertrauen der Besucher dauerhaft beschädigen. Rechtssicherheit hat für uns deshalb Vorrang.

DSGVO, Cookie Consent und Impressum

Wir sorgen dafür, dass die rechtlichen Vorgaben erfüllt sind: eine leicht auffindbare, vollständige Datenschutzerklärung, ein korrektes Impressum und eine Lösung für die Einwilligung in Cookies, die der DSGVO entspricht. Dafür nutzen wir die Tools von eRecht24 und das Plugin WS Cookie Consent, das wir selbst entwickelt haben.

SSL, Firewall und Updates

Sicherheit ist nicht verhandelbar. Jede Website, die wir erstellen, ist standardmäßig per SSL verschlüsselt, etwa mit einem Zertifikat von Let’s Encrypt. Erkennbar ist das am https vor der Domain in der Adresszeile des Browsers. Zusätzlich empfehlen wir:

• eine Web Application Firewall (WAF)
• sinnvolle Regeln auf dem Server, etwa in der .htaccess
• das Abschalten von WordPress Funktionen, die Sie nicht nutzen und die Angriffsfläche bieten, etwa XML-RPC oder eine für alle offene REST API
• regelmäßige Updates von WordPress Core, Plugins und Themes

So schließen wir mögliche Sicherheitslücken, bevor jemand sie ausnutzt.

Conversion Optimierung und Call to Action

Fast jede Website soll Besucher zu einer Handlung bewegen, etwa zu einer Anfrage, einem Kauf oder einem Download. Diesen Prozess nennen wir Conversion Optimierung.

Platzierung und Design von CTAs

Ein Call to Action (CTA) ist eine klare Handlungsaufforderung wie „Jetzt anfragen“ oder „In den Warenkorb“. Das kann ein Button, ein Banner, ein Formular oder eine Mischung daraus sein. Wir gestalten CTAs so, dass sie auffallen, und platzieren sie dort, wo Besucher sich entscheiden.

A/B Tests und Micro Copy

Manchmal entscheiden Kleinigkeiten über den Erfolg. Mit A/B Tests vergleichen wir Varianten von Überschriften, Buttons oder Texten miteinander. Auch die Micro Copy, also die kurzen Texte auf Buttons oder in Formularen, optimieren wir gezielt, um letzte Zweifel der Besucher auszuräumen.

Analytics, Monitoring und laufende Verbesserung

Mit dem Launch beginnt die eigentliche Arbeit erst. Wer den Erfolg messen und laufend verbessern will, braucht eine systematische Auswertung des Nutzerverhaltens.

Tracking einrichten

Wir richten Analyse Tools wie Google Analytics oder Matomo datenschutzkonform und ohne Bremse für die Ladezeit ein. So sehen wir, welche Inhalte funktionieren, wo Besucher abspringen und wo es Potenzial gibt.

Nicht jede Website braucht ein so umfangreiches Tool. Wollen Sie nur sehen, wie viele Besucher welche Seiten aufrufen, gibt es deutlich schlankere Lösungen, etwa die kostenlose Version von Koko Analytics.

Verbesserungen auf Basis von Daten

Die gesammelten Daten sind die Grundlage für künftige Verbesserungen. Statt nach Bauchgefühl zu entscheiden, nutzen wir die Erkenntnisse für gezielte Anpassungen und steigern die Leistung der Website Schritt für Schritt.

Gerne unterstützen wir Sie auch beim Tracking. Brauchen Sie Hilfe beim Anlegen von Tags im Google Tag Manager (GTM)? Wissen Sie nicht, wie Sie ein Tag richtig mit einem Datenstream in GA4 verbinden? Oder wollen Sie ein eigenes Event als Dimension Ihrer Seitenaufrufe in GA4 sehen? Wir helfen Ihnen gern weiter.

Launch, Wartung und Wachstum

Die Veröffentlichung ist ein wichtiger Meilenstein, aber kein Endpunkt. Eine Website braucht regelmäßige Pflege, um sicher, aktuell und erfolgreich zu bleiben.

Checkliste für den Livegang

Vor dem Livegang arbeiten wir eine ausführliche Checkliste ab. Wir prüfen alle Links, Formulare, die mobile Darstellung und die Ladezeiten ein letztes Mal, damit typische Fehler gar nicht erst auftreten.

Pflege der Inhalte und technische Wartung

Für den laufenden Betrieb bieten wir unsere WordPress Wartung und für Shops die WooCommerce Wartung an. Ein Wartungsvertrag stellt sicher, dass regelmäßig Updates eingespielt, Backups erstellt und die Sicherheit überwacht werden. Parallel sollten Sie die Inhalte mit neuen Blogbeiträgen oder aktualisierten Informationen frisch halten.

Social Media einbinden

Nach dem Launch geht es darum, auf die neue Website aufmerksam zu machen. Wir binden Social Media passend zu Ihren Kanälen ein, damit sich Inhalte leicht teilen lassen. Veröffentlichen Sie häufig Blogbeiträge, kann es sich lohnen, neue Beiträge direkt aus WordPress automatisch auf Social Media zu posten. Alternativ blenden wir unter jedem Beitrag Buttons zum Teilen ein.