Erstellen Sie ein süßes Homepage-Design: Die 10-Schritte-Anleitung

Homepages sind ein bestimmendes Merkmal jeder Website; Ihr Potenzial, Ihren Zielmarkt zu beeindrucken, ist grenzenlos. Ob verführerisch und einladend oder direkt auf den Punkt gebracht, eine Homepage muss es können.

Die Herausforderungen tauchen auf, sobald Sie anfangen, über die Vielfalt der Gestaltungsmöglichkeiten nachzudenken. Woher wissen Sie, welcher Stil am besten zu Ihrer Marke passt? Hier ist unsere vollständige Aufschlüsselung des Homepage-Designs.

Die 10-Sekunden-Regel

Eine Homepage ist der erste Eindruck einer Website. Es ist wie das Intro eines Songs, die erste Seite eines Romans oder die erste Folge einer Serie. Ehrlich gesagt, wenn es Ihr Publikum nicht fesselt, spielt es keine Rolle, ob der Rest gut ist. Sie glauben vielleicht, dass der Rest Ihrer Website hervorragend ist, und Sie könnten Recht haben. Aber ohne ein ansprechendes Homepage-Design wird der Großteil Ihres Publikums nicht weitersuchen.

Vielleicht neigen Sie dazu, Ihre Homepage einfach zum Himmel zu verschönern. (Daran bin ich definitiv schuld.) Sie werden überrascht sein zu erfahren, dass Homepage-Design mehr als nur Ästhetik ist. Es geht darum, Looks mit allem anderen in Ihrer Toolbox zu kombinieren, um die Aufmerksamkeit des Betrachters zu erhalten.

Geben Sie die 10-Sekunden-Regel ein. Die 10-Sekunden-Regel basiert auf einer Studie von Chao Liu. Und nein, es hat (leider) nichts damit zu tun, Essen vom Boden zu essen.

Was Liu entdeckte, war, dass Homepages ein 10-Sekunden-Fenster haben, um eine Verbindung herzustellen. Im Erfolgsfall wird diese kurze Zeitspanne den Leser unbewusst davon überzeugen, auf der Seite zu bleiben. Gelingt dies nicht, klickt der Benutzer sofort wieder ab. Normalerweise ist es letzteres; Entweder ist die Homepage langweilig, unzugänglich, überheblich oder einfach nicht das, was der Benutzer sucht. Ihr Ziel als Eigentümer ist es, eine der wenigen Homepages zu erstellen, auf denen die Leute bleiben.

Daher fühle ich mich verpflichtet, Ihnen zu Ehren der 10-Sekunden-Regel 10 nützliche Tipps zur Erstellung einer Homepage zu geben. Wohlgemerkt nicht irgendeine Homepage, sondern eine Homepage, die dauerhaften Traffic erzeugt.

10. Kommunizieren Sie die Grundlagen

Denken Sie an eine Website, die Sie regelmäßig besuchen. Hast du dir besonders lange Zeit genommen, jedes kleine Stück der Homepage zu untersuchen, bevor du dich entschieden hast, zu bleiben? Hatten Sie ursprünglich vor, diese Website zu besuchen? Oder haben Sie einfach auf einen Link geklickt, die Homepage gescannt und entschieden, dass diese Website das ist, wonach Sie gesucht haben?

90 % der Leute, die zum ersten Mal auf Ihre Homepage stoßen, suchen nach etwas. Meist etwas Bestimmtes. Entweder wurde ihnen Ihre Website von einem Freund empfohlen, sie haben auf eine Ihrer Anzeigen geklickt oder ein Keyword gegoogelt. Unabhängig davon interagieren die meisten Erstbenutzer mit Ihrer Homepage als Mittel zum Zweck.

Sie möchten also sicherstellen, dass der Benutzer sofort genau weiß, was Ihre Website bietet. Wer Sie sind und was Sie tun, sollte das Hauptgesprächsthema sein.

9. Denken Sie in erster Linie an den Besucher

Das erste, was Sie über Ihr potenzielles Publikum wissen müssen, ist, dass Menschen egoistisch sind. Das mag ein wenig hart klingen, aber es ist wahr. Beim Besuch einer Homepage interessieren sich die Leute in der Regel nicht für Ihr Unternehmen oder wie es entstanden ist. Sie kümmern sich darum, was Ihre Website ihnen bieten kann. Egal, ob Sie ihnen Dinge verkaufen, eine Ressource bereitstellen oder einen Service anbieten, die Menschen möchten die Vorteile kennen.

Denken Sie an diese überzeugenden Aufsätze, die Sie in der High School geschrieben haben. Das einzige Ziel war, den Leser von etwas Wichtigem zu überzeugen. Das ist das Ziel Ihrer Homepage – sie in kurzen Worten oder Sätzen davon zu überzeugen, dass sie sich den Rest Ihrer Website ansehen sollten.

Zunächst möchten Sie Informationen darüber sammeln, was Ihre Besucher sehen möchten. Denken Sie an die Art von Menschen, die Ihre Links oder Anzeigen anziehen werden. Vielleicht haben Sie Leute, die Ihrer Marke bereits in den sozialen Medien folgen. Stellen Sie sicher, dass Sie ihre Interessen, Bedürfnisse und ihr Verhalten im Auge behalten.

Denken Sie außerdem darüber nach, wen Ihre Webseite in Zukunft anziehen soll. Eine Homepage, die sich beispielsweise an Frauen mittleren Alters richtet, würde ganz anders aussehen als eine, die sich an Teenager richtet. Ihr Farbschema, Layout und Ihre Bilder können stark von Ihrer Zielgruppe abhängen.

Jetzt, da Sie wissen, wer Ihre potenziellen Besucher sind, ist es an der Zeit, sich um sie zu kümmern. Unterlassen Sie es, über sich selbst als Marke oder Unternehmen zu sprechen. Denken Sie daran, dass sich Menschen nur um Sie kümmern, wenn sie wissen, was Sie ihnen bieten können. Kommunizieren Sie, welchen Wert Ihr Unternehmen hat. Seien Sie schnell und einfach. Während Schlagworte und Wortspiele helfen können, sind sie nicht notwendig. Was wirklich wichtig ist, ist die Lesbarkeit.

Korrekte Grammatik und ganze Sätze sind nicht immer notwendig. Tatsächlich kann es manchmal von Ihrer Homepage wegnehmen. Denken Sie darüber nach, wie Menschen in der realen Welt miteinander interagieren. Sie verwenden keine langatmigen Sätze mit einem umfangreichen Vokabular. Es sei denn, sie werden interviewt oder sind mitten in einer hitzigen Debatte.

Im Allgemeinen schätzen die Leute zuordenbares Schreiben. Kurze, unvollständige Sätze sind in Ordnung, solange sie verständlich sind.

8. Legen Sie Ihr Layout fest

Natürlich geht es bei der Gestaltung einer Homepage nicht nur um die Worte, die Sie verwenden. Als Website-Betreiber müssen Sie Ihre Homepage außerdem so strukturieren, dass sie sowohl auffindbar als auch erlernbar ist.

Was bedeutet das genau?

• Auffindbarkeit beschreibt, wie einfach es für Benutzer ist, etwas auf Ihrer Website zu finden.
• Erlernbarkeit ist, wie schnell ein Benutzer herausfinden kann, wie man auf einer Website navigiert.

UI-Design spielt eine große Rolle bei der Erzielung von Lernbarkeit und Auffindbarkeit. Hier sind einige allgemeine Richtlinien, die Sie beim Erstellen der Benutzeroberfläche befolgen sollten:

• Stellen Sie sicher, dass die Hauptseiten Ihrer Website direkt auf Ihrer Startseite aufgeführt sind.
• Erwägen Sie, eine Suchleiste einzufügen, damit Benutzer leicht zu der Seite gelangen, nach der sie suchen.
• Wenn Sie einen Verkauf oder eine andere Ankündigung haben, für die Sie werben möchten, platzieren Sie diese an der Spitze Ihrer Homepage.

Das Wichtigste, woran Sie denken sollten, ist, dass Originalität nicht immer ein Vorteil ist. Als neuer Webdesigner verspüren Sie vielleicht den Drang, Ihre Benutzeroberfläche einzigartig und komplex zu gestalten, um sich von der Konkurrenz abzuheben. Originalität ist großartig, aber ein völlig fremdes Layout wird die Leute zwangsläufig verwirren. Mein Rat ist daher, es sparsam zu verwenden.

In Bezug auf Ihr Homepage-Design könnte man sagen, dass es oft vorzuziehen ist, unoriginell zu sein. Sofern Ihre Benutzer noch nie zuvor eine Website besucht haben, wird es ihnen leichter fallen, in einem Layout zu navigieren, das den grundlegenden Standards entspricht, an die sie gewöhnt sind.

Hier ist ein Beispiel dafür, wovon ich spreche:

So sehr ich dieses Layout persönlich verehre, müssen Sie zugeben, dass es für neue Benutzer schwierig sein wird, sich darin zurechtzufinden. Vielleicht ist das Ziel dieser Website, die Benutzer zu verwirren und ihnen auf jeden Fall mehr Macht zu verleihen.

Wenn Ihr Ziel jedoch darin besteht, Auffindbarkeit und Erlernbarkeit bereitzustellen, ist es besser, ein Layout wie dieses zu verwenden:

7. Denken Sie an Ihre Typografie

Eine Homepage ist keine Homepage ohne irgendeinen Text. Auf diese Weise kommuniziert eine Online-Seite mit einem Besucher, und ohne sie wäre es schwierig, eine funktionierende Website zu finden.

Wenn Sie zum ersten Mal eine Website erstellen, neigen Sie möglicherweise dazu, die schicksten Schriftarten mit den hellsten Farben zu verwenden. Als ich ein Kind war, ging ich gerne auf wix.com, um eine Homepage zu erstellen, die mit allen verfügbaren ausgefallenen kursiven Schriften gefüllt war. Hier ist die Sache: Niemand möchte, dass seine Website so aussieht, als wäre sie von einem Kind entworfen worden. Wenn Sie mit der Typografie zu weit gehen, werden die Benutzer genau das denken.

Strategische Typografie ist entscheidend, um Menschen auf Ihrer Homepage zu halten. Es versorgt die Benutzer nicht nur mit Informationen, sondern ist eine Erweiterung Ihrer gesamten Marke. Im Allgemeinen ist es am besten, eine Schriftart zu verwenden, die einfach ist und/oder unterschiedliche Gewichte hat. Arial ist dafür ein hervorragendes Beispiel. Es ist nicht nur eine sichere, bekannte Schriftart, sondern auch in Arial Bold und Arial Black erhältlich.

Jetzt fragen Sie sich vielleicht: „Was ist, wenn ich nicht sicher sein will?“ Vielleicht möchten Sie, dass die Typografie Ihrer Website komplex oder einzigartig ist und dennoch professionell aussieht. Nun, ich habe eine gute Nachricht für Sie: Das ist absolut möglich. Es wird jedoch viel mehr Strategie erfordern.

Mein Rat ist, zwei oder drei Schriftarten auszuwählen, die Sie auf Ihrer gesamten Website mischen und anpassen können. Wenn Sie eine abstraktere oder fettere Schriftart wünschen, verwenden Sie sie für Überschriften und kombinieren Sie sie mit einer gedämpfteren. Insgesamt geht es darum, eine Hierarchie zu schaffen und Elemente zu verbinden, die sich ergänzen.

Ich würde empfehlen, diesen Artikel über die technischen Einzelheiten der Paarung von Schriftarten zu lesen.

6. Denken Sie an Ihre Bilder

Bilder sind bei der Gestaltung einer Homepage von entscheidender Bedeutung. Genau wie die Typografie ist eine Homepage keine Homepage ohne visuelle Elemente. Bilder wirken sich auf das allgemeine Gefühl und die Erwartungen des Benutzers an Ihre Website aus. Es ist wie das Cover eines Bestseller-Romans; es kann genauso wichtig sein wie der Titel selbst.

Ich bin bereit zu wetten, dass die Augen der meisten Menschen mehr von Bildern als von Worten angezogen werden. Der Grund, warum wir überhaupt Wörter geschrieben haben, ist, dass wir es lieben, durch Zeichnungen zu kommunizieren. Um also den Ton Ihrer Website anzugeben, müssen Sie Bilder haben, die dem Gefühl entsprechen, das Sie hervorrufen möchten.

Stellen Sie sicher, dass jedes Bild von hoher Qualität ist. Es ist auch ratsam, Bilder so zu optimieren, dass sie einfach geladen werden können. Online-Benutzer haben sehr wenig Geduld und gehen, wenn es zu lange dauert, bis Bilder angezeigt werden.

5. Denken Sie an Komposition

Im Falle des Homepage-Designs bezieht sich die Komposition auf die nahtlose Kombination von Bildsprache und Typografie. Kurz gesagt, Sie möchten sicherstellen, dass Ihre gewählte Typografie zu den ausgewählten Bildern passt. Dies ist ziemlich schwierig auszugleichen, zumal die Komposition etwas subjektiv ist.

Im Allgemeinen möchten Sie, dass die Komposition Menschen dazu anregt, irgendwie zu interagieren. Ihre Homepage sollte so gestaltet sein, dass die Leute nach unten scrollen, mit der Menüleiste interagieren oder auf bestimmte Links klicken.

Beachten Sie den Zweck dieser Homepage-Funktionen. Bilder und Text sollten entsprechende Zwecke teilen. Beispielsweise verwenden viele Websites Bilder, um eine Geschichte zu erzählen. Die entsprechende Typografie hilft, einen Punkt zu vermitteln und gleichzeitig die Geschichte voranzutreiben.

Luxusmarken leisten hier sehr gute Arbeit. Wenn sie Produkte auf ihrer Homepage anbieten, zeigen sie qualitativ hochwertige Bilder mit Text an, um zu beschreiben, was der Betrachter sieht.

4. Denken Sie an Farbe

Ja, sogar die Farbe ist ein Faktor, über den es sich zu sprechen lohnt. Zuallererst spielt die Farbe eine Rolle, um sicherzustellen, dass Ihre Typografie lesbar ist. Gelber Text auf weißem Hintergrund ist beispielsweise ein No-Go. Dasselbe gilt für schwarzen Text auf marineblauem Hintergrund. Nicht genügend Kontrast zu haben, ist ein häufiger, aber schädlicher Fehler, wenn es um das Homepage-Design geht. Die Augen zusammenkneifen zu müssen, um den Text zu lesen, ist für die meisten Benutzer ein sofortiger Deal-Breaker.

Natürlich dreht sich nicht alles um Funktion. Das Farbschema spielt eine wichtige Rolle bei der Schaffung einer ansprechenden Ästhetik. Einige Farbkombinationen ziehen das menschliche Auge an, während andere dazu führen, dass Menschen innerlich zusammenschrumpfen. Es gibt einen Grund, warum Sie nicht viele Websites sehen werden, die aus grünem Text und einem orangefarbenen Hintergrund bestehen. (Igitt!)

Während kollidierende Farben die Aufmerksamkeit eines Betrachters auf sich ziehen können, ist es am besten, bei der Gestaltung Ihrer Homepage ein wenig Farbtheorie anzuwenden. Dank des Internets gibt es viele Ressourcen, die Ihnen helfen, es in den Griff zu bekommen.

3. Betrachten Sie die Benutzerplattform

Die Leute werden Ihre Website nicht nur auf einem normalen Desktop sehen. In vielen Fällen erhalten Sie Besucher, die Ihre Homepage von einem mobilen Gerät aus anzeigen. Die Menschen haben iPhones, Tablets, Konsolen und eine beliebige Anzahl anderer intelligenter Geräte. Es liegt an Ihnen zu entscheiden, ob Sie Ihre Website für diese Produkte optimieren möchten. (Die Antwort ist ja. Du tust es.)

Denken Sie bei der Betrachtung der Plattform daran, dass viele mobile Geräte kleiner sind als ein durchschnittlicher Laptop. Smartphones und Tablets haben unterschiedliche Auflösungen. Etwas, das auf Ihrem Desktop gut aussieht, kann auf dem Samsung von jemandem schlampig oder schwer zu lesen sein.

Aus diesem Grund haben viele Websites ein alternatives mobiles Layout. Wenn Sie sich dafür entscheiden, dies zu implementieren, stellen Sie sicher, dass die Leute die Möglichkeit haben, zu Ihrer regulären Homepage zu wechseln. Sie können Ihre Bilder, Typografie und Komposition auch so formatieren, dass sie sowohl auf dem Desktop als auch auf Mobilgeräten gut aussehen. Obwohl dies eine Herausforderung ist, wurde es geschafft.

Unabhängig davon, welche Route Sie wählen, ist es wichtig, Ihre mobilen Benutzer im Auge zu behalten.

2. Fügen Sie einen Call-to-Action hinzu

Natürlich braucht jede Homepage mindestens einen Call to Action. Betrachten Sie Ihre Homepage als erweiterte Anzeige. Wenn jemand Ihre Website besucht, besteht Ihre Hauptaufgabe darin, ihn mit allen oben genannten Faktoren zu verbinden.

Sobald die Überzeugungsarbeit beendet ist, besteht Ihr nächstes Ziel darin, die Benutzer genau dorthin zu führen, wo Sie sie haben möchten, normalerweise mit einem hervorgehobenen Link. Sie werden dies häufig auf E-Commerce-Websites sehen. Sie werden beliebte Kategorien auf ihrer Homepage mit einer fettgedruckten Schaltfläche „Jetzt einkaufen“ auflisten.

1. Beauftragen Sie im Zweifelsfall einen Fachmann

Denken Sie, Sie haben nicht das Zeug dazu, eine Homepage zu gestalten? Nun, kein Grund zur Sorge. Dafür sind Profis da.

Jetzt könnten Sie den langwierigen Prozess des Aufgebens einer Stellenanzeige, des Führens von Vorstellungsgesprächen und des Aushandelns von Bedingungen durchlaufen. Aber wenn Sie schnell eine professionelle Homepage brauchen, könnten Sie einfach mit Penji arbeiten. Mit Hunderten von Designern aus der ganzen Welt bieten wir Grafikdesign-Dienstleistungen an, darunter Websites, mobile Layouts und vieles mehr.

Wenn Sie andere Grafikdesign-Projekte haben, die Arbeit benötigen, können wir uns auch darum kümmern. Zu einem monatlichen Festpreis können Sie so viele Designs anfordern, wie Sie möchten. Das bedeutet, dass alle Bilder, Typografie und andere Teile Ihrer Homepage abgedeckt werden können.

Homepage-Design kann schwierig zu meistern sein. Aber mit der richtigen Portion Leidenschaft und Strategie wird Ihre Marke im Handumdrehen eine hervorragende Homepage haben.