Moderne Website

Das Website-Design ändert sich. Während einige Konstanten bestehen bleiben – wie z. B. die Notwendigkeit relevanter, aktueller und ansprechender Inhalte – tauchen kontinuierlich zusätzliche Elemente auf, die die Wirkung einer Website steigern können.

Einige dieser Elemente helfen dabei, Geschichten zu erzählen und die Essenz Ihres Unternehmens zu erklären, während andere daran arbeiten, das Interesse der Benutzer sofort zu wecken oder das Erlebnis auf jedem Gerät zu verbessern. Es ist nicht erforderlich, jedes Element gleichzeitig zu verwenden (dies kann zu einem überladenen und verwirrenden Erlebnis führen), aber die Auswahl spezifischer Elemente, die mit Ihren Marken- und Website-Zielen übereinstimmen, kann dazu beitragen, die Gesamtwirkung zu steigern.

Um Ihnen dabei zu helfen, Ihren Fokus einzugrenzen und die besten Elemente für Ihre Website zu finden, schlüsseln wir die wichtigsten Elemente des modernen Website-Designs auf, die Sie implementieren können, um die Leistung Ihrer Website zu verbessern.

Das Bild zeigt verschiedene Website-Vorlagen.

1. Einzigartige Typografie

Die meisten Unternehmen haben eine bestimmte Schriftart oder Typografie, die sie verwenden, um ihren Kunden zu helfen, sie sofort von ihren Mitbewerbern zu unterscheiden. In den letzten Jahren haben Designer Zugriff auf eine größere Auswahl an Schriftarten, die es Unternehmen erleichtern, ihre Marken durch Typografie genauer auszudrücken.

Beispielsweise wird The New Yorker sofort durch die Verwendung der einzigartigen Schriftart Adobe Caslon Pro erkannt. Warum ist einzigartige Typografie im modernen Webdesign nützlich? Typografie ist ein einzigartiges Designelement, das jeder Seite einer Website ein einheitliches Aussehen verleiht. Beispielsweise leitet die Website von The New Yorker Besucher basierend auf der Typografie und den Schriftgrößen von einem Bereich zum anderen.

Bei der Erstellung der Marke Ihres Unternehmens kann Ihre Wahl der Typografie subtile Hinweise darauf geben, was Sie repräsentieren. Macht Ihr Geschäft Spaß oder ist es ernst? Funktional oder informativ? Unabhängig davon, welche Schriftart Sie wählen, stellen Sie sicher, dass Ihr Designer die Anwendbarkeit auf verschiedene Browser und Computer berücksichtigt. Die Auswahl einer Schriftart, die von gängigen Browsern und Computern nicht unterstützt wird, kann dazu führen, dass Ihre Website auf verschiedenen Geräten ungünstig angezeigt wird.

So wählen Sie eine Schriftart für Ihre Website aus 

Das Bild zeigt einen Laptop.

2. Ansprechende und ansprechende Heldenbilder

Bilder wie diese heben das Konzept von „above“ und „below the fold“ auf und bieten stattdessen einen einzigartigen Blickwinkel. Indem Sie sich nur auf das Bild mit Text und nicht auf einen CTA oder soziale Schaltflächen konzentrieren, können Sie ein starkes visuelles Erlebnis schaffen, das Sie dazu ermutigt, nach unten zu scrollen, um mehr zu lesen.

 

Hero-Bilder werden auch oft im Hintergrund platziert, wobei Text und andere Inhalte darüber gelegt werden. Unabhängig davon, welchen Ansatz Sie verwenden, können große Bilder helfen, Ihre Geschichte visuell zu erzählen, ohne sich nur auf Text verlassen zu müssen.

Warum ist es nützlich?

 

Hero-Bilder geben Ihrer Website den Ton an, ohne dass Text oder Video erforderlich sind – das richtige Bild kann Besuchern sofort ein Gefühl dafür vermitteln, worum es bei Ihrer Marke geht, was Sie tun oder was Sie einzigartig macht. Daher ist es eine gute Idee, Ideen für Heldenbilder zu sammeln und Feedback von mehreren Quellen einzuholen, um zu sehen, welches Bild die größte Wirkung hat.

Erfahren Sie mehr über Heldenbilder im Webdesign

Das Bild zeigt einen Laptop, ein Smartphone und ein Tablet.

3. Hintergrundvideos

Videos, die automatisch im Hintergrund abgespielt werden, können einer Seite viel Faszination verleihen. Sie können verwendet werden, um eine Geschichte zu erzählen und die Menge an anderen Inhalten, die zur Erklärung Ihres Unternehmens benötigt werden, erheblich zu reduzieren.

Warum ist es nützlich?

Hintergrundvideos konzentrieren sich darauf, den Besucher von dem Moment an anzulocken, in dem er auf Ihrer Seite landet. Das Video ermöglicht es Ihrem Besucher, die wichtigsten Punkte Ihres Unternehmens zu verstehen, ohne jemals eine einzige Textzeile lesen zu müssen.

Außerdem werden Videos von unserem Gehirn 60.000-mal schneller verarbeitet als Text. Während Menschen oft zögern, schwere Textblöcke zu lesen, erscheinen Videos mühelos und können sehr schnell konsumiert werden. Es hilft auch, dass die Verbindungsgeschwindigkeiten steigen und die Größe der Mobilgeräte wächst, was zu besseren Videoerlebnissen führt.

4. Halbflaches Design

Einfach ausgedrückt ist flaches Design jedes Element, das keine dreidimensionale Wahrnehmung enthält oder vermittelt, wie z. B. Schatten. Flat Design ist nicht nur für Benutzer leichter verständlich, sondern kann auch ohne komplizierte oder übermäßig technische Elemente schneller auf Websites geladen werden.

Viele Organisationen – sowohl große als auch kleine – sind von realistischem Skeuomorphismus zu flachem Design übergegangen. Unternehmen wie Uber haben dem Stil jedoch ihren eigenen Dreh verliehen, indem sie subtile Schatten und Dimensionen hinzugefügt haben.

Warum ist es nützlich?

 

Flaches Design hilft dem Besucher, Ihre Inhalte schneller zu verstehen, und das Hinzufügen einiger Tiefenelemente kann sie zum Leben erwecken. Unabhängig davon, ob Sie Ihre Website vollständig im Flat Design gestalten oder Schatten und andere Elemente verwenden, ist es wichtig, dass Ihre Website einheitlich ist. Stellen Sie sicher, dass Ihre Startseite, Produktseiten und alle anderen wichtigen Bereiche Ihrer Website dieselben Designelemente verwenden, damit Besucher sofort verstehen, was sie sehen.

Das Bild zeigt einen Codeschnipsel.

5. Hamburger-Menüs

Die meisten Websites haben lange Menüs mit Optionen zur Auswahl. Dies hat den Vorteil, dass das Menü den Besucher direkt dorthin führen kann, wo er hin möchte. Der Nachteil ist, dass sie im Allgemeinen eine Menge wertvollen Platz auf dem Bildschirm einnehmen. Das versteckte oder Hamburger-Menü ändert dies. Dieses komprimierte Menü spart Platz und ist für Benutzer intuitiv zu navigieren.

Sie fragen sich, warum es ein Hamburger-Menü heißt?

Wenn Sie Ihre Fantasie einsetzen, sehen die drei übereinander gestapelten Linien aus wie zwei Burgerbrötchen und ein Patty. Clever.

Warum ist es nützlich?

 

Die Seiten Ihrer Website sollten einen klaren Weg für den Benutzer haben. Das Entfernen einer geschäftigen Navigation macht das Erlebnis sauberer und ablenkungsfrei. Dies erhöht die Wahrscheinlichkeit, dass Benutzer die Informationen finden, die sie benötigen, um eine gewünschte Aktion auszuführen.

Erfahren Sie mehr über Hamburger-Menüs

Das Bild zeigt einen Laptop auf grauem Hintergrund.

6. Hochwertige Produktbilder

Viele B2B-Websites fangen an, große Produktbilder auf ihren Websites anzuzeigen, um verschiedene Funktionen oder Teile ihres Produkts hervorzuheben, und das ist kein Zufall.

Warum ist es nützlich?

 

Hochwertige Produktbilder helfen Designern, verschiedene Merkmale eines Produkts effizienter und effektiver hervorzuheben.

Dieser Ansatz verstärkt die Vorteile eines Features, indem er die Möglichkeit bietet, die wertvollsten Teile hervorzuheben.

Diese großen Bilder sind auch scanfreundlich. Sie helfen den Besuchern, ein solides Verständnis dafür zu entwickeln, was die verschiedenen Produktmerkmale tun, indem sie sie durch Bilder statt durch Worte vermitteln.