5 Tipps für eine schönere Website

Neulich war ich auf der Suche nach einer Rentenberatung für meine Eltern. Und während ich die Inhalte der Seite überfliege, fallen mir hier und da essenzielle Fehler auf, die heutzutage easy ausgebessert werden können.

Auf dem Handy sind mir besonders die Texte negativ aufgefallen:

Warum ist die Schriftgröße so klein?
Warum ist der Text mittig ausgerichtet?
Warum muss ich hin- und herwischen, um den Text ordentlich lesen zu können?

Das muss nicht sein. Damit deine Kunden bei dir ein großartiges Nutzererlebnis haben, gebe ich dir jetzt 5 Tipps, die du unbedingt für deine Website prüfen musst:

1. Wähle ein minimalistisches Design

Das Layout deiner Texte, Bilder, Videos etc. muss übersichtlich aussehen. Wenn das Design luftig und klar ist, dann wirkt deine Seite gleich viel professioneller. Deswegen empfehle ich, …

  • viel Abstand zwischen einzelnen Abschnitten zu lassen,
  • mit wenigen Worten nur das nötigste zu sagen und
  • Schriften einheitlich zu formatieren.

2. Nutze ein konsistentes Branding

Ein einheitliches Erscheinungsbild stärkt deine Brand und sorgt für eine hohe Wiedererkennung bei deiner Zielgruppe. Deswegen musst du folgende Dinge klar definieren:

  • Wähle deine Farben aus. Ideal sind 4 Stück – neben schwarz und weiß.
  • Wähle maximal 2 Schriftarten aus. Die eine verwendest du für Überschriften und die andere für den Text. Zusätzlich ergibt es Sinn, die Schriftgrößen und Zeilenabstände für H1, H2, H3 und Text festzulegen – auf Desktop, Tablet und Mobile. Ist bisschen Testaufwand, aber lohnt sich sehr.
  • Verwende ein Logo. Ich weiß, wie schwer es ist, das zu erstellen. Ein Logo ist reduziert auf die Marken-Essenz. Hier kommt alles zusammen: Farben, Formen, Name etc. Doch du kannst das auch abkürzen, indem du einfach in einer Branding-Farbe deinen Namen als Logo verwendest.
  • Verwende hochwertige Bilder von dir selbst oder von Produkten. So unterstreichst du die Professionalität deines Business.

3. Achte auf die mobile Darstellung

In 2024 fanden etwa 50 % der B2B-Suchanfragen über Smartphones statt. Bei B2C ist der Prozentsatz noch höher. Somit musst du für eine optimale Darstellung auf einem Handy sorgen. Folgendes muss bei deiner Website stimmen:

  • Links und Buttons müssen groß genug sein und brauchen genügend Abstand zueinander, damit sie leicht anzuklicken sind.
  • Text immer linksbündig ausrichten, damit der Besucher längere Texte leicht lesen kann.
  • Gestalte deine Texte. Dafür nutzt du Überschriften, Zwischenüberschriften, Absätze, Hervorhebungen und Aufzählungen.
  • Sorge für schnelle Ladezeiten, indem du die Bilder optimierst. Manche Content-Management-Systeme übernehmen das automatisch. Dagegen brauchst du bei WordPress ein Plugin, zum Beispiel ShortPixel. Oder du erledigst das für jedes Bild manuell, zum Beispiel mit Compress JPEG.
  • Überprüfe die Website auf deinem Handy. Sieht alles gut aus? Formulare lassen sich bedienen? Der Kontrast deiner Farben passt? Wunderbar. Ansonsten musst du die mobilen Einstellungen anpassen, störender Elemente individuell bearbeiten oder sie sogar ausblenden.

4. Optimiere visuelle Elemente

Indem du Bilder, Icons, Videos und Animationen verwendest, lockerst du deine Seite auf. Mit Bildern führst du den Blick der Besucher. Mit Videos präsentierst du dich professionell und als Experte in deinem Fachgebiet. So bleiben die User länger auf deiner Seite und gleichzeitig förderst du die Interaktion.

Buttons sind die besten visuellen Elemente, um dem Besucher zu einer Handlung aufzufordern. Sie werden deutlich häufiger als Text-Links angeklickt.

5. Beachte Design-Basics

Mit den folgenden 3 stilistischen Gestaltungsmitteln strukturierst du deine Seite optimal:

  • Nutze Whitespace: Durch genügend Abstände erzeugst du einen leeren Raum. Dies sorgt dafür, dass deine Bilder und Texte wirken können und sich deren Lesbarkeit deutlich erhöht.
  • Beachte das Gesetz der Nähe: Was nah beieinander liegt, gehört zusammen. Beispiel auf einem Desktop-Gerät: Du hast in einer Zeile ein Bild und daneben eine Bildbeschreibung. In der Zeile darunter befindet sich ein Text und daneben ein Bild. Hier brauchst du genügen Abstand zwischen den beiden Zeilen, damit Bild-Text und Text-Bild deutlich voneinander getrennt sind. Falls du zu wenig Abstand zwischen den Zeilen hast, kommt der untere Text dem oberen Bild zu nah. Dies erweckt es den Anschein, dass das obere Bild zum unteren Text gehört. Dies würde den Besucher nur verwirren.
  • Achte auf Konsistenz: Durch gleiche Elemente und Strukturen auf der gesamten Website findet der Besucher sich schnell zurecht, lernt wie der Inhalt aufgebaut ist und wie bestimmte Elemente funktionieren.

Inhalt

Ich bin Eric,

Experte für Performance-Marketing, Spezialist für Websites und Social Media, Early Adopter digitaler Produkte, Eisbader und Hindernisrennen-Läufer. Wenn du Unterstützung für deine Online-Werbeanzeigen benötigst, dann lass es mich wissen. Gerne spreche ich mit dir über deine Herausforderungen – ganz unverbindlich. Gemeinsam finden wir eine passende Lösung.