5 WordPress-Webdesign-Trends für September 2023

Veröffentlicht: 2023-09-26

Wie laufen deine Herbstprojekte? Brauchen Sie Inspiration für das WordPress-Webdesign? Diese Trends könnten genau das Richtige sein, um einfallsreichere Konzepte hervorzurufen oder Ihnen dabei zu helfen, Ihre Online-Storytelling-Ziele zu motivieren.

Hier sind fünf tolle Trends, die Sie diesen Monat berücksichtigen sollten:

1. Cartoonisierung

Manchmal müssen Sie mit einem Design, das einfach und interessant ist und über das hinausgeht, was Sie vielleicht erwarten, eine Aussage machen. Genau das macht ESPN hier mit dem Feature über Carlos Alcaraz für ein US Open-Feature.

Das Motiv hätte ein Foto von ihm auf dem Spielfeld sein können; Vielmehr wurde er zu einer Figur karikiert, die zur überlebensgroßen Schlagzeile und Handlung passt.

Der beste Teil dieses Designs könnte jedoch auf der Schriftrolle mit der Animation des Tennisplatzes und einigen erstaunlichen Infografiken entstehen.

Warum es funktioniert: Das Bild im Cartoon-Stil auf dem einfachen Hintergrund ist auffällig und fällt auf. Es erhöht den Reiz des Geschichtenerzählens und passt gut zu den Textelementen.

So verwenden Sie es: Dies funktioniert am besten mit einem einfachen Bild und einem klaren Charakter. Versuchen Sie dies nicht mit einem Vollbild oder einer Landschaft. (Sie werden nicht den gleichen Effekt erzielen.)

2. Worte als Kunst

Manchmal lässt sich eine Geschichte am besten ohne Bild erzählen. Dies ist bei der Website „Right Our Story“ der Fall, die sich auf Mobbing konzentriert. Diese Behandlung funktioniert außerordentlich gut, da man hier keine Gesichter zeigen möchte; sie könnten die Botschaft beeinträchtigen oder von ihr ablenken.

Durch die Verwendung leuchtender Farben und einer unterhaltsamen Schriftartengestaltung sind Sie immer noch von dem Design fasziniert, und das im Hauptüberschriftenbereich verwendete Zitatfeldkonzept setzt sich durch tatsächliche Zitate im Design fort.

Dies kann eine ziemlich wirkungsvolle Möglichkeit sein, Worte wirklich eine Geschichte erzählen zu lassen. Bilder hier können problematisch sein, da Sie nicht möchten, dass der Benutzer annimmt, dass jemand auf einem Foto der Mobber ist oder gemobbt wird. Bei dieser Behandlung stehen die Worte im Mittelpunkt.

Mit dem Advanced Text Block von Kadence Blocks können Sie bestimmte Wörter hervorheben, sodass sie wirklich hervorstechen und eine starke Wirkung erzielen.

Warum es funktioniert: Wörter als Kunstelement sind besonders wirkungsvoll, wenn das Lesen im Mittelpunkt des Designs steht.

So verwenden Sie es: Wählen Sie eine interessante Schriftart und Farbbehandlung, um die Elemente zusammenzuhalten und interessant zu halten.

3. Vielschichtiges Geschichtenerzählen

Storytelling ist der Kern fast jedes guten Website-Designs. Das mehrschichtige Storytelling trägt dazu bei, das Interesse der Benutzer an dieser digitalen Geschichte aufrechtzuerhalten und sich durch die Elemente auf der Website zu bewegen.

Mit einem scheinbar einfachen Design hat Hanwag eine mehrstufige, vielschichtige Geschichte mit Bildern, Text und Bewegung geschaffen. Sie können die „Kapitel“ im Menü auf der Unterseite sehen, die Sie durch die Geschichte des Fußballschuhs führen. (Wer hätte gedacht, dass ein Stiefel so interessant sein könnte?)

Sie sollten sich wirklich etwas Zeit nehmen, um die Scroll-Aktionen hier zu untersuchen und zu sehen, wie alles zusammenhängt. Während Sie auf der Seite nach unten scrollen, bewegen sich Elemente in verschiedene Richtungen, um die Geschichte zu erleichtern.

Warum es funktioniert: Bei diesem Gesamtdesign passiert in Bezug auf Animation und Bewegung viel, aber der einfache weiße Hintergrund, der lesbare Text und die scharfen Bilder bringen alles zusammen.

So verwenden Sie es: Manchmal benötigen Sie ein komplexes Design, um eine komplexe Geschichte zu erzählen. Es ist eine Ehe, die die Erzählung und das Geschichtenerzählen auf eine Art und Weise zusammenbringt, die sich einfach richtig anfühlen kann.

4. Schöne Menüs

Restaurantmenüs sind nicht für ihre Ästhetik bekannt. Designer versuchen, dies mit schöneren Online-Menüs zu ändern, die sowohl das Essen präsentieren als auch ein leicht lesbares Format bieten.

Banana Blossom nutzt wunderschöne Bilder, Raum und Farben, um hungrig zu machen. Das Website-Design führt eher zu den Lebensmitteln, als würden E-Commerce-Websites eher zu den Produkten führen, bevor Details zur Preisgestaltung angezeigt werden. Wenn Sie zum Menü gelangen, möchten Sie das Essen bereits auf dem Bildschirm haben.

Dieses Design ist toll anzusehen, aber kommen Sie nicht hungrig!

Warum es funktioniert: Farbe und Einfachheit geben den Bildern Raum zum Leuchten. Jeder Menüpunkt ist einfach beschrieben und mit einem Bild versehen, sodass Sie genau wissen, was Ihre Mahlzeit sein wird.

So verwenden Sie es: Dieses Menü ähnelt eher einem Blog-Design als alles andere, verwendet jedoch alle traditionellen Prinzipien guten Designs – Raum, Farbe und Maßstab.

5. Subtile Animation

Animation ist eine der Webdesign-Techniken, die am schwierigsten umzusetzen ist. Dieser Trend zeigt Ihnen, wie Sie alles gut zusammenstellen, indem Sie die Bewegung einfach und subtil halten.

Beachten Sie die kleinen farbigen Quadrate im Raum: Sie bewegen sich alle langsam auf einer bestimmten Ebene, um die Augenbewegung zu lenken, aber den Inhalt nicht zu behindern. Die Quadrate ahmen die Form im Logo nach und erstrecken sich sowohl über Bilder als auch über Leerräume.

Dem Syndeo Institute gelingt es gut, dieses Designthema mit quadratischen Elementen und subtilen Animationen im gesamten Scroll durch die Website zu tragen.

Mit Kadence können Sie atemberaubende animierte Scroll-Effekte hinzufügen, die mit Sicherheit die Aufmerksamkeit Ihres Publikums auf sich ziehen und eine visuelle Belohnung dafür bieten, dass Sie sich weiterhin mit Ihren Inhalten beschäftigen.

Warum es funktioniert: Subtile Animationen beeinträchtigen nicht das primäre Design oder das, was der Benutzer von der Website mitnehmen soll. Es sorgt für etwas mehr visuelles Interesse.

So verwenden Sie es: Suchen Sie nach etwas, das einen Zweck hat – beispielsweise eine Form, die Sie auf andere Weise oder an anderen Orten verwenden – und verwenden Sie Animationen, um Benutzern dabei zu helfen, etwas herauszufinden, oder um den visuellen Fluss von Inhalten zu steuern.

Alles zusammenfügen

WordPress-Webdesign-Trends machen Spaß. Aber haben Sie nicht das Gefühl, dass Sie jeden neuen Trend ausprobieren müssen. Wir lieben die aktuellen Trends, weil sie klassische Themen mit einer neuen Wendung verwenden – von Buchstabenformen als Kunstwerk bis hin zu Kartonstilen. Den richtigen Trend zur richtigen Zeit zu nutzen, ist Teil Ihrer Marke und Ihres Stils; Haben Sie Spaß und experimentieren Sie mit dem, was für Sie funktioniert.

Mit einem Kadence Full Bundle erhalten Sie alles, was Sie brauchen, um mit allen Designtrends Schritt zu halten und Ihre Website auf die nächste Stufe zu heben. Vom Lottie Block in Kadence Blocks bis hin zur Möglichkeit, vollständig anpassbare Designs und Seiten zu erstellen, bietet Ihnen das Kadence Full Bundle alles, was Sie zum Erstellen schöner, effektiver und ansprechender Websites benötigen.

Holen Sie sich ein Kadence-Paket