Homepage erstellen: vermeide unbedingt diese 7 Designfehler

Spotify

Apple

 

Podcast Cover Online-Marketing zum Mittag 1999 änderte das Internet mein Leben. Verändert es jetzt auch deins?

Maria Aust

 

 

Heldenmail Deine geheimen Botschaften für ein besseres Google Ranking und mehr online Sichtbarkeit.

Jetzt anmelden

 

podcastcover bild 2024
1999 änderte das Internet mein Leben. Verändert es jetzt auch deins?
Maria Aust
Webseitenhelden Heldenmail

Deine geheimen Botschaften für ein besseres Google Ranking und mehr online Sichtbarkeit.

Podcast Online Marketing zum Mittag

13. November 2024

Eine neue Homepage erstellen kostet Zeit, Geld und Nerven. Da soll das Ergebnis auch etwas her machen und Kunden begeistern. Vermeide diese 7 Design Fehler und deine neue Homepage hat den Wow-Effekt.

Dieser Artikel beinhaltet Praxisaufgaben und Designbeispiele, lass dich inspirieren.

Was Dich erwartet?

Hier geht es zur Podcastfolge.

Du kannst den Podcast auch auf allen anderen Plattformen, wie Amazon Music, etc. anhören.

spotify-podcast
Apple_Podcasts

Das Wichtigste in Kürze

Eine Homepage erstellen ist komplizierter, als es auf den ersten Blick scheint. Die hier beschriebenen 7 Designfehler können teuer werden, denn eine Homepage mit diesen Fehlern schreckt Kunden ab und wird bei Google nicht gut gefunden. Im schlimmsten Fall schadet sie sogar dem Ruf des Unternehmens. Wer als Unternehmer eine Homepage erstellen lassen will, sollte unbedingt auf folgende Punkte achten: klare Markenidentität, benutzerfreundliche Navigation, Barrierefreiheit, Design-Grundlagen wie White Space, Social Proof für Vertrauen und eine Technik, die weit über klassische Baukastensysteme hinausgeht und auch langfristig hält, was sie verspricht. Nicht zuletzt ist ein klarer Call to Action wichtig, wenn deine Homepage Kunden bringen soll. Schau dir das Praxisbeispiel in diesem Artikel an oder

buche gleich hier eine kostenlose Erstberatung für eine Homepage ohne diese teuren Designfehler.

7

Relevanz deiner Homepage 2025

Das Wirtschaftsklima wird rauer. Krisen, Kriege und Inflation wirken sich negativ auf die Investitionsbereitschaft der Unternehmen aus. Um dennoch mit den eigenen Leistungen überzeugen zu können, ist es enorm wichtig, diese prägnant, nutzenorientiert und vertrauenswürdig zu präsentieren. Eine digitale Visitenkarte reicht dafür nicht mehr aus.
Die Nutzer wollen in einen Dialog treten. Das Unternehmen und die Menschen dahinter kennen lernen, um das Gefühl zu haben, sein Geld an der richtigen Stelle auszugeben.
Doch nicht nur die Ansprüche der Nutzer steigen. Auch Google und die diversen Social Media Algorithmen sind strenger geworden und belohnen qualitativ hochwertige und nutzerfreundlich aufbereitete Inhalte mit Reichweite und Sichtbarkeit. Mittelmäßige, veraltete Websites werden hingegen nicht mehr angezeigt und überzeugen auch nicht mehr zum gewünschten Erstgespräch oder zur E-Mail an das Unternehmen.

Design: Darum ist es so unglaublich wichtig.

Design bedeutet Formgebung. (siehe auch Wikipedia: Design)

Das Design gibt der Homepage ihre äußere Form. Es bestimmt, wie sich der Benutzer auf der Website bewegt. Es vermittelt ein Gefühl, eine Emotion, die untrennbar (unbewusst) mit dem Unternehmen verbunden wird. 

Die Website ist für das Unternehmen, was die Verpackung für die Produkte ist. Schon mal ein Apple-Produkt ausgepackt? Dann weißt Du, was ich meine.

Das Design bestimmt die Preisvorstellung des Nutzers. Es entscheidet, ob die Website bei der Auswahl zwischen mehreren Anbietern auffällt oder nicht. Das Design hilft dem Nutzer, seine Fragen zu beantworten. Damit ist es die Entscheidungsgrundlage für oder gegen dein Unternehmen.

Warum gibt es dann immer noch Unternehmenswebsites mit unvorteilhaftem Design? Vielleicht fehlte das Wissen bei der Erstellung der Homepage. Design unterliegt dem Zeitgeist und ändert sich mit der Zeit. Was vor 10 Jahren angesagt war, ist heute alt und schwer zu bedienen.

Deshalb hier die 7 Designfehler, die du unbedingt vermeiden solltest. Schau Dir Deine Website einmal kritisch an, sind diese Designfehler dabei? Kein Grund traurig zu sein. Es ist, wie es ist. Aber Du kannst es ändern 😉

Mit der 7-3-1 Formel zur genialen Website

Die 7 Designfehler beim Homepage erstellen

1.) Die klare Markenidentität fehlt

Die Markenidentität umfasst das Logo, die Farben, Schriften und Designelemente. Sie gibt an, wie sich der Nutzer beim Kontakt mit der Marke fühlen soll und was er von der Marke erwarten kann.

Wenn du zum Beispiel eine hochwertige Unternehmensbroschüre hast, aber eine billig aussehende Website, wird der Nutzer irritiert sein, wenn er erst das eine und dann das andere sieht. Wenn die Konsistenz fehlt, schwindet das Vertrauen.

Deine Markenidentität sorgt auch für den Wiedererkennungseffekt. Aha, das Logo habe ich schon mal gesehen. Durch einen konsistenten Markenauftritt können Entscheidungsprozesse unterstützt und geleitet werden. Das ist besonders im B2B-Bereich mit langen Entscheidungswegen wichtig.

Reflexionsfrage: Wofür steht deine Marke? Woran erkennt man das, wenn man deine Homepage besucht?

2.) Deine Navigation verwirrt die Nutzer.

Es gibt eine Sache, die Website-Besucher hassen: Verwirrung.

Das Leben ist komplex genug. Die meisten Menschen haben wenig Zeit. Gleichzeitig haben wir Probleme, die gelöst werden müssen. Auf der Suche nach Anbietern, die uns helfen, wollen wir nicht verwirrt werden. Wir wollen Klarheit. Antworten. Einen schnellen Weg zur Lösung.

Unternehmen wollen sich oft nur präsentieren. Alles drauf auf die Website. Man weiß viel, man kann viel, man hat viel zu bieten. Das muss gezeigt werden.

Dabei geht leider allzu oft die Benutzerfreundlichkeit verloren und es entstehen Textwüsten und Content-Sammelsurien, die den Nutzer eher abschrecken als ihn zur Lösung zu führen.

Webdesigner-Pro Tipp: Eine Website-Navigation hat maximal 7 Punkte. Es gibt maximal 2 Ebenen. Informationen, die nicht direkt zur Kaufentscheidung beitragen, gehören in einen eigenen Bereich (Blog, Wiki, Glossar, etc.). Jede Seite führt zu einer weiteren Unterseite.

3.) Mangelnde Barrierefreiheit deiner Homepage

Barrierefreiheit ist nicht nur wichtig, wenn deine potenziellen Kunden Menschen mit Behinderungen sind.

Das Barrierefreiheitsstärkungsgesetz gibt ab 2025 einen gesetzlichen Rahmen vor, welche Websites wie barrierefrei sein müssen.

Barrierefrei bedeutet meist Google-freundlich. Damit schlägst du zwei Fliegen mit einer Klappe: wirklich alle Menschen können deine Website nutzen, Google rankt dich besser und deine Website ist gesetzeskonform.

Einladung: Buche jetzt den kostenlosen Barrierefreiheitscheck.

4.) Weißraum, Weißraum, Weißraum

Weißraum – auch Negativraum genannt – ist der freie Raum zwischen den einzelnen Elementen einer Website.

Der Weißraum hat beim Homepage erstellen wichtige Aufgaben:

  • schafft Ruhe im Design
  • kann Spannung erzeugen
  • sorgt für Klarheit
  • entspannt das Auge
  • lenkt den Blick auf wichtige Elemente

Wird beim Erstellen einer Homepage nicht auf genügend Weißraum geachtet, wirkt eine Website schnell überladen.

Der Weißraum. Muss übrigens nicht immer weiß sein. Er kann auch jede andere Farbe haben.

Kleine Challenge: Zeige einem Freund (der noch nicht auf deiner Website war) deine Homepage. Frage ihn nach 45 – 60 Sekunden, woran er sich erinnert. Wenn das nicht die Dinge sind, die dir wichtig sind, kannst du vielleicht den Weißraum optimieren.

5.) Der Social Proof fehlt

Social Proof bedeutet nichts anderes, als dass Menschen sich von der Meinung anderer leiten lassen. Die Idee dahinter ist: Wenn es für andere gut ist, ist es auch gut für mich. Man denke nur an die Sternebewertungen bei Amazon oder die Rezensionen bei Google.

Diese sozialen Beweise helfen uns, Entscheidungen zu treffen und geben uns Sicherheit. Wenn man eine Homepage erstellen will, die Vertrauen schafft und Kunden überzeugt, sollte man diesen Effekt nicht unterschätzen.

Was bedeutet das für die Praxis? Präsentiere deine erfolgreich abgeschlossenen Projekte, baue Testimonials deiner zufriedenen Kunden mit Bild und Namen in die Seite ein und verlinke am besten auf aussagekräftige Case Studies. Für Referenzen funktionieren auch Videoformate sehr gut. Nutze eingebettete Bewertungen von Plattformen wie Google oder Proven Expert.

Kleiner Trick: Platziere diese social Proofs direkt unter oder über deinen Call-to-Action-Buttons. So sehen die Nutzer, dass der Klick auf „Kontakt aufnehmen“ eine gute Entscheidung ist.

Homepage erstellen und an der Technik sparen

Technik und Design gehen bei der Homepage-Erstellung Hand in Hand. Und ja, manchmal ist es verlockend, an der Technik zu sparen. „Warum für ein teures Premium-Theme zahlen, wenn es auch kostenlose gibt?“ Achtung: Das kann richtig teuer werden. Die Gefahr bei günstigen oder kostenlosen Themes ist, dass sie nicht mehr aktualisiert werden. WordPress bekommt regelmäßig Updates, und wenn dein Theme da nicht mitzieht, kannst du schnell ein Design-Chaos auf deiner Seite haben – oder im schlimmsten Fall funktioniert die Seite gar nicht mehr. Ein veraltetes Theme kann das gesamte Design durcheinanderbringen und sogar Sicherheitslücken öffnen.

Das Gleiche gilt für Plugins. Klar, es gibt jede Menge kostenlose Plugins, aber auch hier lohnt es sich, auf Qualität und Support zu achten. Wenn ein Plugin plötzlich nicht mehr weiterentwickelt wird, hast du ein Problem. Die Folge? Entweder du musst improvisieren oder teure Nachbesserungen durchführen lassen. Das kann dich letztlich mehr kosten, als direkt in hochwertige Technik zu investieren.

Wenn Du gerade am Anfang stehst und deine Homepage erstellen möchtest, investiere lieber in ein solides Premium-Theme und Plugins, die regelmäßig aktualisiert werden. Damit sicherst du dir ein stabiles Fundament und kannst entspannt weiterbauen, ohne dass dir morgen das halbe Design zusammenklappt. Es lohnt sich also, in die Technik zu investieren, damit deine Homepage auch langfristig rund läuft und gut aussieht.

Call to Action – ich will ja niemanden nerven

Der Call to Action (CTA) ist die Handlungsaufforderung, also der nächste Schritt, den der Nutzer auf der Homepage machen soll. Das kann der Aufruf einer weiteren Unterseite sein, die Anmeldung zu einem Newsletter / Freebie oder der direkte Kontakt per Telefon, E-Mail etc.

Viel zu oft wird der Call to Action leider vergessen oder schlimmer noch, bewusst weggelassen. In der Annahme, man würde aufdringlich wirken oder nerven. Wer aber eine Homepage erstellt und den Call to Action vergisst, schadet dem Nutzer. Der weiß dann nämlich nicht, was er als nächstes tun soll. Das schadet auch dem Unternehmen, denn ein verwirrter Nutzer verlässt die Seite und sucht nicht irgendwo im Impressum nach der Telefonnummer.

Ein guter CTA erscheint mindestens in der Mitte und am Ende der Website. Der Call-to-Action ist auffällig. Er hebt sich in Farbe und Form deutlich von den anderen Elementen der Homepage ab. Die Botschaft des CTA ist klar und leicht verständlich. Eine gewisse Dringlichkeit mit Wörtern wie „jetzt“ / „schnell noch“ etc. kann den Klickimpuls unterstützen. Auch Reizworte wie „kostenlos“ können dem Nutzer bei der Entscheidungsfindung helfen und ein Gefühl der Sicherheit vermitteln.

Beispiel für einen guten Call to Action: 

webseitenhelden google bewertung

Praxisbeispiele: Homepage erstellen, die überzeugt.

Unternehmen, die Dienstleistungen anbieten oder komplexe, meist teure Produkte verkaufen, müssen schon beim ersten Kontakt auf der Homepage Vertrauen und Kompetenz ausstrahlen. Dies kann durch ein durchdachtes und fehlerfreies Design bei der Homepageerstellung gewährleistet werden. Diese Beispiele zeigen den Unterschied:

Website vor Relaunch mit DesignfehlernNach Homepage erstellen ohne Designfehler
Vorher alte HomepageNach neuer Homepage Erstellung

Vermeide diese 7 Design Fehler – Lass dir eine Homepage erstellen, die neue Besucher, Kunden und Google begeistert. 

Mit der 7-3-1 Formel zur genialen Website

Anerkennung und Trinkgeld:
Dieser Podcast wurde erstellt mit Podigee und Audacity, das Cover ist gestaltet mit Canvas
und die Musik kommt dankenswerterweise von 2-senses.com

DAS KÖNNEN WIR FÜR DICH TUN

Nach unserer Zusammenarbeit wirst Du gefunden, gesehen, gebucht.

WORDPRESS WEBDESIGN

Jetzt starten

SUCHMASCHINEN­OPTIMIERUNG

Jetzt gefunden werden

DIGITALER VERTRIEB

Jetzt starten

Und zum Abschluss ein Geschenk für Dich

So wirst Du besser gefunden

Hole Dir jetzt die 10 einfachen Tricks für deine WordPress Website als 1-seitige PDF-Anleitung für 0,-Euro per Email zusenden lassen.

  • Leicht umsetzbare Tipps zu Keywords, Technik und Googlefunktionen
  • keine Programmierkenntnisse zur Umsetzung erforderlich
  • Weiterführende Links mit Schritt für Schritt Anleitungen inklusive.
Loading...