Ein exzellentes Design zieht neue Zuschauer auf Ihre Website und hält sie mit den Inhalten dort beschäftigt. Wenn Sie jedoch kein Designer sind, kann die Auswahl des besten Designs für Ihre Website eine entmutigende Aufgabe sein., In diesem Handbuch werden wir 18 verschiedene Website-Design-Ideen erkunden, zusammen mit einer Sammlung von realen Websites, die Sie als Inspiration verwenden können
18 Website-Design-Ideen mit realen Beispielen
Verwenden Sie eine einseitige Website
Eine einseitige Website hält alle wichtigen Informationen über Ihr Unternehmen auf einer Seite, so dass Benutzer alles lernen können, was sie brauchen, ohne gezwungen zu verschiedenen Teilen Ihrer Website zu navigieren., Eine der besten Möglichkeiten, dies zu erreichen, besteht darin, alle Ihre Informationen auf einem Vollbild-Schieberegler zu platzieren, wie es die Galeone und Ihre Website getan haben:
Das Wichtigste, woran Sie sich bei der Arbeit mit dieser Art von Design erinnern sollten, ist, dass Sie vermeiden möchten, die Seite mit zu vielen Informationen zu überladen.,
👉 So erstellen Sie eine einseitige Website
Website-Design-Ideen für Video
Videoinhalte können eine effektive Komponente jeder Website sein und sind eine besonders leistungsstarke Möglichkeit, Besucher auf Ihrer Homepage willkommen zu heißen. Eine Seite, die Videos gut auf ihrer Homepage verwendet, ist die kanadische Agorapulse-Site:
Sie können ein Video von Ihrer Homepage aus problemlos abspielbar machen oder sogar auf Autoplay einstellen, aber stellen Sie sicher, dass Sie kein Autoplay wählen, wenn das Video Ton enthält., Viele Menschen bevorzugen stilles Surfen.
👉 Hinzufügen von Videos zu WordPress
Investieren Sie in Illustration
Benutzerdefinierte Illustrationen sind eine großartige Möglichkeit, das einzigartige Gefühl Ihrer Marke zu etablieren und den Besuchern eine Vorstellung davon zu geben, wie sich die Arbeit mit Ihrem Unternehmen anfühlt., Eine Website, die dies besonders gut macht, ist Social Media Examiner:
Ihr individuell illustriertes Banner vermittelt das Engagement von Social Media Examiner für die Erforschung neuer Aspekte sozialer Medien und den freundlichen Ansatz, den sie bei der Arbeit mit Kunden verfolgen.
Natürlich kann diese Route teuer werden, daher möchten Sie sich auf zwei oder drei benutzerdefinierte Illustrationen für Ihre Hauptseite konzentrieren.,
Akzentuieren Sie Ihre Homepage mit Animationen
Eine weitere großartige Möglichkeit, Ihre Homepage einzigartig zu machen und die Aufmerksamkeit der Besucher auf benutzerdefinierte Animationen zu lenken. Diese können Ihre gesamte Homepage füllen oder als Akzent verwendet werden, wie sie auf der Website für den besten Tag aller Zeiten Bildung sind:
Halten Sie Ihre Animationen einfach und kurz Besucher kurze Aufmerksamkeitsspanne gerecht zu werden. Möglicherweise möchten Sie auch einen Aufruf zum Handeln in Ihre Animation aufnehmen.,
Gamify your site
Eine der besten Möglichkeiten, ein Publikum davon zu überzeugen, auf Ihrer Website Maßnahmen zu ergreifen, besteht darin, Spaß zu machen. Zurb hat dies besonders gut mit einer Website, die wie ein Choose-your-own-Adventure-Spiel wirkt getan, wo Sie verwenden können, um herauszufinden, wie Sie mit ihnen arbeiten können.
Sie können ganz einfach Ihre eigene choose-your-own-adventure-Website erstellen oder diese Strategie auf die nächste Stufe heben, indem Sie Ihre eigene Währung erstellen und Benutzer für bestimmte Aktionen belohnen.,
Popup hinzufügen
Popups mögen eine der ärgerlichsten Marketingtaktiken im Web sein, aber sie sind auch eine der effektivsten: In einem Experiment zog ein einzelnes Opt-In-Popup 1,375% mehr Abonnenten an. Sie möchten jedoch keine Leute mit Popups ärgern, bevor sie Ihre Inhalte lesen; Die effektivste Zeit für ein Popup ist, wenn jemand versucht, Ihre Website zu verlassen.,
Social Media Examiner hat dies besonders gut gemacht, mit mehreren Popups, die unterschiedliche Visuals und Formulierungen verwenden, um möglichst viele Abonnenten zu zeichnen:
👉 So fügen Sie WordPress personalisierte Popups hinzu
Verwenden Sie ein Foto in voller Größe
Anstelle eines normalen weißen Hintergrunds sollten Sie ein Foto in voller Größe als Hintergrund für Ihre Homepage verwenden., Noch besser, wenn das Foto ein Gesicht verwendet, wie der Hintergrund der Bluehost-Homepage:
Dies hilft Menschen, sich auf einer persönlicheren Ebene mit Ihrer Website und Ihrer Marke zu verbinden.
Website-Design-Ideen für E-Commerce
Verkaufen Sie Produkte online? Machen Sie Ihre Homepage zu einem Teil Ihres E-Commerce-Shops und ermutigen Sie die Leute, mit dem Kauf zu beginnen, sobald sie Ihre Website betreten., Sie können sehen, dass diese Idee auf der Jeep People-Website wirklich gut ausgeführt wird:
Wenn Sie diese Route wählen, möchten Sie natürlich auch sicherstellen, dass Sie keine der häufigsten E-Commerce-Site-Designfehler machen.
👉 So starten Sie einen Online-Shop
Teilen Sie Ihre Homepage
Haben Sie verschiedene Produkte, Dienstleistungen oder andere Informationen, die Sie auf Ihrer Homepage teilen möchten? Erwägen Sie, es in Abschnitte mit Blöcken, vertikalen Teilern und Leerzeichen zu unterteilen.,
Eine Website, die dies besonders gut macht, ist Etsy:
Website-Design-Ideen für Navigationsmenüs
Schwimmende Navigationsmenüs bleiben bei Ihren Besuchern, während sie scrollen, sodass sie jederzeit leicht zu anderen Teilen Ihrer Website wechseln können., Viele Websites haben diesen Navigationsstil übernommen, um ihren Besuchern das Leben zu erleichtern, einschließlich der Websites kleinerer Unternehmen wie STEAMLabs:
Sie können ganz einfach ein schwebendes Navigationsmenü über das kostenlose Sticky-Menü (oder irgendetwas anderes) im Plugin hinzufügen.
Fokus auf Barrierefreiheit
Wenn Sie Zielgruppen mit Sehbehinderungen und Mobilitätseinschränkungen erreichen möchten, müssen Sie sich auf den Aufbau einer barrierefreien Website konzentrieren., Die KidzWish Foundation ist ein großartiges Beispiel für eine Website mit Barrierefreiheit-first thinking:
Sie können Ihre eigene Website mit großen Schriftarten und Kontrastfarben zugänglicher machen.
Website-Design-Ideen mit Ihrer Community
Ist Ihre Website in erster Linie die Heimat einer Online-Community? Erwägen Sie, das Forum, den Chatroom oder andere primäre Kommunikationsmittel zu Ihrer Homepage zu machen., Sie können diese Idee gut auf Barista Exchange verwendet sehen:
Natürlich möchten Sie sicherstellen, dass Ihre Seite immer noch attraktiv ist. Passen Sie Ihre Homepage mit einladenden Farben und Grafiken an, um Menschen anzulocken.
Teilen Sie Ihren Social Proof
Social Proof ist eine der wertvollsten Website-Design-Ideen in Ihrer Marketing-Toolbox., Präsentieren Sie Ihre besten Testimonials prominent auf Ihrer Homepage, wie ich es auf meiner eigenen Website getan habe:
Sie können die Leistung Ihrer Testimonials verstärken, indem Sie sie in Grafiken umwandeln und mit diesen Grafiken einen Schieberegler erstellen.
Fügen Sie eine Chat-Funktion hinzu
Eine Chat-Box oder ein Popup auf Ihrer Homepage ermöglicht es Besuchern, mit Ihrer Marke zu interagieren und sofort grundlegende Antworten zu erhalten. Das Beste ist, dass Sie einen WordPress Chatbot verwenden können, um den gesamten Prozess zu automatisieren.,
Eine Site, die einen Chatbot gut verwendet, ist OptinMonster:
Überlegen Sie, ob Ihr Bot in der unteren rechten Ecke angezeigt wird, damit andere Verwendungen Ihrer Homepage nicht beeinträchtigt werden.
👉 Hinzufügen von Live-Chat zu WordPress
Hinzufügen von Quiz mit breiter Anziehungskraft
Jeder liebt ein unterhaltsames Quiz, das sein Wissen testet oder ihnen etwas über sich selbst zeigt. Sie haben wahrscheinlich selbst mindestens ein paar Stunden mit Buzzfeed-Tests verbracht.,
Eine andere Seite, die das wirklich gut macht, ist die PlayBuzz-Seite, die sich um Quiz im Buzzfeed-Stil dreht.
Mit einem WordPress Quiz Plugin kannst du ganz einfach Quiz zu deiner eigenen Seite hinzufügen.
👉 So erstellen Sie ein Quiz zu WordPress
Verwenden Sie brutalistische Designprinzipien
Brutalistisches Webdesign ist ein Design, das sich auf rohe Inhalte konzentriert und typische Designkonventionen wenig berücksichtigt., Sie können sehen, dass dieses Prinzip effektiv auf der Gliederung verwendet wird:
Dieses Prinzip funktioniert nicht für alle Marken, kann jedoch für Unternehmen mit Schwerpunkt auf Kunst, Jugendkultur oder DIY-Kultur sehr effektiv sein.
Website-design-Ideen für eine einzigartige homepage mit glitch art
Glitch art verwendet digitale oder analoge Störungen zum erstellen eines hyper-futuristischen ästhetik. Einige der gebräuchlichsten Techniken zur Erstellung dieser Ästhetik sind Pixelation, Lichtlecks und Doppelbelichtung.,
Eine Site, die Glitch art verwendet, um eine leistungsstarke Ästhetik zu erstellen, ist Active Theory:
Verwenden Sie eine Schwarz-Weiß-Palette
Manchmal ist es das Beste, zu den Grundlagen zurückzukehren, und genau das hilft Ihnen eine Schwarz-Weiß-Palette dabei., Eine Seite, die dies besonders gut macht, ist die Marketingagentur Rtl:
Sie können Schwarzweißfotografie oder Illustration verwenden, um diesen Look weiter anzupassen.
Erstellen Sie noch heute Ihre Website
Mit den Website-Design-Ideen in diesem Beitrag sollten Sie viel Inspiration haben, um Ihre eigene Website zu erstellen.,
Um Ihnen dabei zu helfen, haben wir auch einige Anleitungen zum technischen Erstellen einer Website:
- So erstellen Sie eine Website mit WordPress
- So erstellen Sie ein Blog mit WordPress
- So erstellen Sie eine Website mit Wix