Homepage erstellen – Homepage Design

Homepage erstellen lassen – wie geht das?

Die erste Frage, die wir mit unseren Kunden erörtern,  ist meistens, was der Internetauftritt für den Kunden erreichen soll, für welche Zielgruppe die Homepage erstellt werden soll, und was die Kernaussage ist, die auf den ersten Blick klar und verständlich präsentiert werden soll. Damit eng verbunden ist die Frage, ob erfahrungsgemäß Kunden über die Suchmaschinen zur Website und damit zu dem Unternehmen kommen oder überwiegend auf anderen Wegen. Im ersten Fall würden wir klären, ob die Erstellung der Homepage in der Konzeption direkt mit der Optimierung für die Suchmaschinen verbunden werden soll. Und es gibt natürlich technische Fragen, z.B. ob der Kunde bereits eine Domain registriert hat (hier helfen wir gerne und ohne zusätzliche Kosten, das ist unser Service bei eyelikeit – visual solutions), wieviele Unterseiten geplant sind, welche Funktionen die Website beinhalten soll, wie z.B. ein Kontaktformular, ein passwortgeschützter Bereich, ein Event-Kalender, ein Newsbereich, ein Blog oder einen Online-Shop.

Was ist eigentlich eine Homepage?

Als Homepage bezeichnet man die Startseite einer Website. In der Navigation findet man auch oft den Punkt „Home“, der einen zurück zur Startseite bringt. In Deutschland hat es sich eingeschlichen, den Begriff Homepage auch synonym für einen gesamten Webauftritt, für die gesamte Website zu verwenden. Wenn wir hier in diesem Zusammenhang von Homepage sprechen, dann meinen wir also die Startseite eines Webauftrittes.

Der erste Eindruck in
3 Sekunden

Die Homepage – die Startseite – ist das erste, das der Besucher zu sehen bekommt, wenn er die Domain (https://ihredomain.de) Ihrer Website aufruft. Erfahrungsgemäß entscheiden Ihre Besucher innerhalb von 3 bis 5 Sekunden, ob Ihre Website für sie interessant ist oder ob sie weitersurfen.

Daher ist das Homepage Design das wichtigste Element des Webdesigns. Das Homepage Erstellen ist eine der verantwortungsvollsten Aufgabe im Rahmen des Webdesigns!

Homepage Baukasten – pro und contra

Technisch gesehen ist das Homepage Erstellen im Vergleich zu früher ein Kinderspiel: man kann einen Webspace mit einem sogenannten Homepage Baukasten wie z.B. auch von Jimdo, wix oder Strato nutzen, mit dem man sich ohne Vorkenntnisse und ohne html, css, php oder andere Programmierkenntnisse eine Homepage zusammen klicken kann. So ein Homepage Baukasten stellt fertige Templates zur Verfügung, so dass die Webseiten auch sofort formatiert daher kommen.

Die Einschränkungen, die dieses Vorgehen aber mit sich bringt, liegen zum einen natürlich in der technischen Begrenzung der bereitgestellten Module, Vorlagen und Templates. Zum anderen – und das ist der wichtigere Aspekt – lösen Sie natürlich die Hauptaufgabe des Webdesigners, nämlich die Informationen zu Ihren Produkten und Dienstleistungen so zu gliedern, dass die Besucher Ihrer Website so schnell wie möglich so viele Informationen wie möglich nicht nur sehen, sondern verstehen, lieben und wollen. – Darüber hinaus bekommen Sie natürlich keine individuelle Homepage in Ihrem Corporate Design sondern ein Standardlayout von der Stange, dass Sie mit vielen anderen teilen.

Was muß Ihre Homepage können?

Sie müssen eine Homepage erstellen, die nicht nur inhaltlich interessant ist, sondern die Ihre Besucher emotional anspricht!

Sie müssen eine Homepage erstellen – bzw. wir müssen für Sie eine Homepage erstellen – die Ihren Besuchern genau das verspricht, was sie suchen. Und dann sollten Sie die Erwartungen Ihrer Besucher übertreffen. So geht das mit dem WOW …

Erfahrungsgemäß sind drei wichtige Kriterien für den Erfolg einer Homepage:

1. Der Besucher sieht auf einen Blick sieht, dass er hier die Produkte und Services bekommt, die er sucht.
2. Er gewinnt Vertrauen zu Ihrem Unternehmen.
3. Er erkennt an der übersichtlichen Navigation, dass er weitere Informationen, die er eventuell benötigt, einfach findet.

Homepage Design

Ein einfaches Homepage-Design begrüßt Ihre Zielgruppe auf Ihrer Website, teilt ihnen mit, was sie als Nächstes tun sollen, und ermöglicht es ihnen, Ihre Website eingehender zu erkunden.

Sie können einem einfachen Homepage-Design Komplexität hinzufügen, möchten jedoch nicht mit einem überfüllten Durcheinander beginnen und müssen es gezielt für reduzieren, so dass die Inhalte mit einem Blick erfaßt werden können. Beginnen Sie immer mit den Grundlagen.

Welche Inhalte müssen auf die Homepage? Was erwartet Ihr Publikum? Und welche Elemente haben Priorität?

Wenn Sie diese Fragen beantworten können, verfügen Sie über die Informationen, die Sie für ein erfolgreiches Homepage-Design benötigen. Im Webdesign haben Homepage-Elemente ganz bestimmte Aufgaben.

One Page Design

Das Internet und damit das Webdesign haben sich in den letzten Jahren, insbesondere durch die verstärkte Nutzung mobiler Geräte, radikal verändert.

Früher war es einer der Hauptwünsche unserer Kunden, dass ihre Website komplett ins Browserfenster passt und der Besucher nicht scrollen muss. Das war verständlich, denn der Versuch, mit einer kleinen nervösen Windows-Maus den kleinen Pfeil in der Scroll-Leiste zu treffen, erzeugte soviel Stress, dass die positive emotionale Ansprache zum Teufel war.

Auf dem iPad dagegen mit einer lässigen Handbewegung durch eine Webseite zu wischen, in Sekundenschnelle einen Überblick zu bekommen, was der Inhalt der Website ist und sofort da lesen zu können, wo die wichtigen Informationen stehen, ohne auf das Nachladen der nächsten Seiten warten zu müssen, das ist cool – und auch effizient!

Wir können Ihre Homepage im Stil einer sogenannten One-Page anlegen. Das heißt, alle wichtigen Informationen – Ihre Werte (Zuverlässigkeit, Termintreue etc.), Ihre Produkte und Services, Ihr Unternehmen – werden in vertikal angeordneten Sections in der Übersicht vorgestellt und verlinken auf die detaillierenden Folgeseiten.

Viele Beispiele finden Sie auf unserer Beispiele Seite.

One Page Homepage Konzept

Bevor der Webdesigner sich an das eigentliche Webdesign der Homepage macht …

… gibt es ein paar Fragen zu klären. Wie auf der allgemeinen Seite zu Webdesign beschrieben, sind die 3 Schritte zu dem einem perfekten Webdesign:

1. Audit – Zuhören, bis das Business des Kunden verstanden wurde
2. Gliederung und Priorisierung der zu präsentierenden Infomarionen einschließlich einer optimierten Navigation
3. Creation – klares Webdesign mit Content Management System (CMS)

Besonders die Homepage muss drei wichtige Aufgaben lösen:

1. Der Kunde muss auf einen Blick sehen, dass er hier das findet, was er sucht.
2. Der Kunde muss Vertrauen zu dem Anbieter der Internetpräsenz gewinnen.
3. Der Kunde muss an der übersichtlichen Navigation sehen, das er weitere Informationen, die er eventuell braucht, sofort und leicht findet.

Wenn der Webdesigner gut ist, gewinnt er die hierfür notwendigen Informationen aus dem Gespräch mit der Unternehmerin oder dem Unternehmer. Als Unternehmer ist man selbst oft zu dicht am eigenen Thema und vor allem in der Rolle des Anbieters gefangen, so dass es schwer ist, sich in die Kunden der Unternehmer und was diese sehen müssen, hineinzuversetzen.

One Page Homepage Sections

Die verschiedenen vertikal auf einander folgenden Bereich einer One-Page Homepage – auch Sections genannt – werden auf der Basis des oben beschriebenen Audits und der für dieses Unternehmen sinnvollen Gliederung gestaltet.

Am wichtigsten ist natürlich der “Startscreen”, von Suchmaschinen Optimierern auch “Above the fold”-Bereich genannt. Dies ist der Bereich einer Webseite, der auf den ersten Blick für die Besucher einer Homepage sichtbar ist, ohne dass sie scrollen müssen.

Werden auf einer Website z.B. Produkte oder Dienstleistungen angeboten, die nicht so verbreitet sind, oder die es sogar speziell nur hier gibt, dann würde man diese Produkte oder Dienstleistungen vermutlich in dieser ersten wichtigen Above the fold Section präsentieren. Werden auf der anderen Seite Produkte oder Services – beispielsweise die eines Steuerberaters oder eines Wirtschaftsprüfers – angeboten, dann sind die angebotenen Dienstleistungen selbst bereits allgemein bekannt und bei auch jedem Steuerberater oder Wirtschaftsprüfer mehr oder weniger gleich. In diesem Fall werden im ersten Startscreen dann eher die Werte des Unternehmers und andere vertrauensbildenden Informationen, „Trust Elemente“ in den Vordergrund gestellt werden.

Die Homepage Erstellung

Ok, genug geredet. Jetzt wird gehandelt. Jetzt machen wir uns an das Homepage Erstellen. Ich gehe davon aus, das Ihre Domain registriert und ein Webspace bei einem zuverlässigen Provider gebucht ist. Und  egal, ob Sie einen Homepage-Baukasten von einem der vielen Anbieter wie Jimdo oder wix nutzen wollen oder ob Sie ein Content Management System (CMS) wie WordPress einsetzen wollen oder Sie sogar Vorkenntnisse in HTML und CSS und Programmierkenntnisse in JavaScript für die Programmierung von Hand haben – um die Auseinandersetzung mit den folgenden Fragen kommen Sie nicht herum:

1. Wenn Sie nur einen Satz zur Verfügung hätten, um Ihre Leistungen zu beschreiben, wie würden Sie ihn formulieren.  Hinweis: Keinen Schachtelsatz. Ein einfacher Subjekt – Prädikat – Objekt Satz.
2. Wenn Sie nur drei Wörter oder Begriffe hätten, die Ihre verschiedenen Angebote zusammenfassend beschreiben, welche wären das?

Ich weiß, das ist anstrengend – holen Sie sich ruhig erst einmal einen Kaffee. Erfahrend Content Provider schreiben, Sie brauchen die gleicht Zeit für die Überschrift, die sie für die Erstellung des Artikels gebraucht haben. Aber dann: Klasse. Mit dem einen Satz und den 3 Begriffen haben Sie schon den Anfang einer gute Gliederung! Aus dem einen Satz können Sie eine Tagline, einen Slogen oder ein Überschrift machen. Mit den drei Begriffen geben Sie den Besuchern Ihrer Website einen Überblick über Ihr Angebot.

Und ja, Sie wollen einen guten Eindruck machen. Sollen Sie auch. Die Homepage, insbesondere der Bereich „Above The Fold“, also der Bereich der Homepage, der ohne zu Scrollen sichtbar ist, muss auf Anhieb überzeugen. Aber hier sollten Sie auch den Überblick über die Inhalte geben, die auf den Folgeseiten zu finden sind. Und, ganz wichtig, geben Sie Ihren Kunden einen Anstoß, was sie tun können: bieten Sie Call to Action an (CTA). Das sind in der Regel Buttons. Wählen Sie die Aufforderung so konkret wie möglich. Wenn sie bloß schreiben „klick hier“ oder „mehr Informationen“ ist das nicht sehr einladend. Man weiß nicht, was passiert, wenn man klickt. Wenn Sie aber schreiben „Angebot anfordern“, „Termin vereinbaren“ oder „Jetzt Anrufen“, dann wird der Besucher geführt und gleichzeitig werden unnötige psychologische Hürden der Verunsicherung abgebaut.

Ach ja, denken Sie daran, das Ihre Website responsive ist. Der „Above the Fold“ Bereich ist auf dem Smartphone vermutlich kleiner.