Wie wichtig ist das Design einer Website?

Das Design deiner Website entscheidet darüber, was Besucher in den ersten Sekunden über dein Unternehmen annehmen — bevor sie eine Zeile gelesen haben. Diese Einschätzung fällt schnell und wird danach selten grundlegend korrigiert. Wirkt der Auftritt veraltet oder lieblos, überträgt sich das auf die Erwartung an das Angebot dahinter.

Design ist damit kein Anstrich, sondern der Rahmen, in dem alles andere wirkt: Ein guter Text auf einer unlesbaren Seite wird nicht gelesen, und teuer eingekaufter Verkehr aus Suchmaschinen oder Anzeigen springt an derselben Stelle ab wie kostenloser.

Bevor du mit der Gestaltung anfängst

Die Gestaltung folgt aus der Frage, wen du erreichen willst. Wer sind die Menschen, die entscheiden? In welcher Situation kommen sie auf die Seite — mit Zeit am Schreibtisch oder unterwegs zwischen zwei Terminen? Was müssen sie beantwortet bekommen, bevor sie Kontakt aufnehmen?

Aus diesen Antworten ergeben sich Entscheidungen, die man sonst nach Geschmack trifft. Ein Handwerksbetrieb, dessen Kunden vom Telefon aus suchen, braucht eine sichtbare Rufnummer und kurze Wege — kein aufwendiges Startbild. Ein Anbieter erklärungsbedürftiger Technik braucht Platz für Details, Datenblätter und Referenzen.

Wenn ein Corporate Design existiert, ist die Website der Ort, an dem es konsequent angewendet gehört. Falls nicht, ist der Website-Entwurf oft der Anlass, es aufzubauen — der Zusammenhang steht auf unserer Seite zu Corporate Identity und Corporate Design.

Farben: Wirkung ja, Automatismus nein

Farben wirken, und sie tragen Bedeutung. Dass ein IT-Dienstleister überdurchschnittlich häufig zu Blau greift, ist kein Zufall — es steht in dieser Branche für Verlässlichkeit und Sachlichkeit.

Trotzdem sollte man die verbreiteten Farbpsychologie-Tabellen mit Abstand lesen. Die Wirkung hängt am Zusammenhang, an der Kultur und daran, was Wettbewerber verwenden. Blau ist im deutschen IT-Umfeld so verbreitet, dass es kaum noch unterscheidet. Und keine Farbe macht ein unklares Angebot verständlich.

Zwei Dinge sind wichtiger als die Farbwahl selbst. Erstens: Die Palette muss zusammenpassen und beschränkt sein — eine Hauptfarbe, eine Akzentfarbe für Handlungsaufforderungen, dazu abgestufte Grautöne. Zusammenstellen lässt sich das etwa mit Adobe Color. Zweitens: Der Kontrast muss stimmen. Fließtext braucht mindestens ein Kontrastverhältnis von 4,5 zu 1 zum Hintergrund. Hellgrau auf Weiß sieht auf dem Entwurfsbildschirm elegant aus und ist bei Sonnenlicht auf dem Telefon nicht lesbar.

Stil: aktuell heißt nicht auffällig

Besucher vergleichen unbewusst mit dem, was sie sonst sehen. Eine Seite, die aus einem anderen Jahrzehnt zu stammen scheint, weckt die Frage, ob das Unternehmen dahinter noch aktiv ist.

Ein paar Dinge sind eindeutig vorbei. Flash-Intros funktionieren technisch nicht mehr — die Technologie wurde Ende 2020 abgeschaltet. Glanz- und Glaseffekte, Schlagschatten unter jedem Kasten, animierte Schriften und automatisch abspielende Hintergrundmusik ordnen einen Auftritt sofort zeitlich ein. Ebenso das automatisch weiterlaufende Bilderkarussell auf der Startseite, das Besucher überwiegend übersehen.

Was heute erwartet wird, ist unspektakulärer: großzügiger Weißraum, klare Abstufungen in der Schrift, wenige, aber gute Bilder — und eine Ansicht, die auf dem Telefon nicht nur funktioniert, sondern dort entworfen wurde. Der überwiegende Teil der Besuche kommt mobil, und Google bewertet die mobile Fassung. Wie sich das auf den Aufbau auswirkt, steht im Beitrag zum sinnvollen Aufbau einer Website.

Typografie

Typografie wird unterschätzt, obwohl sie den größten Teil der Fläche einnimmt. Entscheidend sind weniger die Schriftart als die Größen und Abstände: ausreichend große Grundschrift, genug Zeilenabstand, begrenzte Zeilenlänge und ein erkennbarer Unterschied zwischen Überschriftenebenen.

Ein rechtlicher Punkt, den es 2014 noch nicht gab: Schriften sollten lokal eingebunden werden. Wer Google Fonts direkt von Googles Servern lädt, überträgt die IP-Adresse jedes Besuchers dorthin — ein Urteil des Landgerichts München I aus dem Jahr 2022 hat darin einen Verstoß gegen die DSGVO gesehen und Schadenersatz zugesprochen. In der Folge hat sich das lokale Einbinden als Standard durchgesetzt. Es hat nebenbei einen technischen Vorteil, weil eine Verbindung zu einem fremden Server entfällt.

Design und Ladezeit hängen zusammen

Gestalterische Entscheidungen haben unmittelbar messbare Folgen. Ein großes Startbild bestimmt den Largest Contentful Paint. Nachgeladene Schriften und Anzeigen, die den Text verschieben, erzeugen Layoutsprünge. Aufwendige Animationen belasten die Reaktionszeit auf Eingaben. Diese drei Größen sind die Core Web Vitals, und Google zieht sie zur Bewertung heran — die Zusammenhänge stehen im Wiki-Eintrag zu Page Speed.

Praktisch heißt das: Bilder in modernen Formaten wie WebP oder AVIF, in der Größe, in der sie tatsächlich angezeigt werden, mit festen Abmessungen im Quelltext, damit nichts springt.

Vertrauen entsteht aus Details

Ein großer Teil der Wirkung eines Auftritts hängt an Kleinigkeiten, die mit Ästhetik wenig zu tun haben. Echte Fotos aus dem eigenen Betrieb wirken anders als gekaufte Bilder, auf denen dieselben lächelnden Menschen zu sehen sind wie auf drei Wettbewerbsseiten. Namen und Gesichter der Ansprechpartner nehmen einer Kontaktaufnahme die Hürde. Eine erreichbare Telefonnummer, eine vollständige Adresse und eine Seite, die erklärt, wer hinter dem Angebot steht, beantworten Fragen, die sonst offen bleiben.

Umgekehrt fällt es auf, wenn Vertrauen behauptet statt belegt wird: Siegel ohne Prüfstelle, Bewertungen ohne Quelle, Zahlen ohne Bezug. Wer solche Elemente einbaut, erreicht bei aufmerksamen Besuchern das Gegenteil.

Barrierefreiheit ist Teil der Gestaltung

Seit dem 28. Juni 2025 gilt das Barrierefreiheitsstärkungsgesetz unter anderem für Onlineshops und Dienstleistungen im elektronischen Geschäftsverkehr. Die Anforderungen betreffen zu einem großen Teil das Design: Kontraste, Schriftgrößen, sichtbare Fokusmarkierungen, ausreichend große Klickflächen, Formularfelder mit dauerhafter Beschriftung statt nur einem Platzhaltertext, der beim Tippen verschwindet.

Nichts davon schränkt gute Gestaltung ein. Es schließt vor allem Lösungen aus, die ohnehin schlecht bedienbar sind. Wie wir das umsetzen, steht unter User Interface Design.

Was du danach tust

Ein Design ist mit dem Start nicht fertig. Beobachte, wo Besucher abspringen, welche Elemente übersehen werden und an welcher Stelle in Formularen aufgegeben wird, und ändere gezielt einzelne Dinge statt alles auf einmal. Wie ein solcher Kreislauf aussieht, beschreiben wir unter Conversion-Optimierung; welche Rolle Gestaltung speziell im Handel spielt, zeigt der Beitrag zum UI Design für Onlineshops.

Eine fertige Vorlage ist dabei ein legitimer Ausgangspunkt, besonders bei kleinem Budget. Prüfe vor dem Kauf zwei Dinge, die man auf Vorschaubildern nicht sieht: wie viele Skripte und Schriften sie mitbringt, und ob sie noch gepflegt wird. Eine überladene Vorlage kostet dich anschließend genau die Ladezeit, die du an der Gestaltung gewonnen hast.