{"id":661,"date":"2021-07-07T18:37:23","date_gmt":"2021-07-07T16:37:23","guid":{"rendered":"https:\/\/www.wolpersweb.de\/blog\/?p=661"},"modified":"2023-03-07T11:02:30","modified_gmt":"2023-03-07T10:02:30","slug":"webdesign-trends-nach-corona","status":"publish","type":"post","link":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/","title":{"rendered":"21 Webdesign-Trends nach der Corona-Zeit"},"content":{"rendered":"<p>Von Retro-Typografie bis hin zur immer gr\u00f6\u00dfer werdenden No-Code-Bewegung &#8211; es gibt viel, worauf man sich innerhalb des Webdesigns nach der <a href=\"https:\/\/www.wolpersweb.de\/blog\/unternehmen-nach-corona-wieder-fit-machen\/\" target=\"_blank\" rel=\"noopener\">Corona<\/a>-Zeit freuen kann.<\/p>\n<p>2020 war nicht einfach. Mit Unmengen von Handdesinfektionsmitteln, unangenehmen Zoom-Meetings und der drohenden Angst vor der Ungewissheit f\u00fchlen wir uns alle ein wenig unsicher. Trotz der Umst\u00e4nde haben wir alle unser Bestes gegeben, um vorw\u00e4rts zu kommen. Viele von uns haben sich die Zeit genommen, neue Designf\u00e4higkeiten zu erlernen.<\/p>\n<p>Wenn es um Design ging, behielten wir ein Auge auf die nicht enden wollenden Trends im Web. Wir hoffen, dass diese Liste Sie nicht nur inspiriert, sondern auch dazu anregt, das Web auf eine inklusivere und zug\u00e4nglichere Weise anzugehen.<\/p>\n<h2>Die 21 Webdesign-Trends nach der Corona Zeit<\/h2>\n<h3>Retro-Schriftarten<\/h3>\n<p>Retro-Schriften haben die gleiche Ebbe und Flut in ihrer Popularit\u00e4t erlebt und viele Designs mit Vintage-Typografie sind nicht gut gealtert.<\/p>\n<p>Allerdings hat die Throwback-Typografie eine Art Wiederaufleben erlebt. Wir sehen nicht die gleichen m\u00fcden Schriften. Vielmehr wird durch Stilisierung und ein wenig Kunstfertigkeit neu definiert, was Retro-Schriften sein k\u00f6nnen. Wir sehen diese Verschmelzung von Alt und Neu auf der Seite f\u00fcr Spotifys Karnevalswerbung. Anstatt altbacken und klischeehaft zu wirken, hauchen sie traditionellen, fetten Schriften mit ein wenig Experimentierfreude neues Leben ein. Dies ist ein gutes Beispiel daf\u00fcr, wie man traditionelle Schriften nimmt und ihnen einen coolen und modernen Dreh gibt, w\u00e4hrend die Lesbarkeit erhalten bleibt.<\/p>\n<h3>Parallaxe-Scroll-Animationen<\/h3>\n<p>Parallaxe-Scroll-Effekte sind seit Jahren ein Trend im Website-Design, und wir hoffen, im Jahr 2021 mehr subtile und kreative Erkundungen dessen zu sehen, was mit Parallaxe erreicht werden kann.<\/p>\n<p>Denken Sie daran, dass zu viel Bewegung in Parallax-Effekten f\u00fcr Menschen mit Gleichgewichtsst\u00f6rungen sch\u00e4dlich sein kann, da die Illusion von Tiefe und Bewegung Desorientierung und Schwindel hervorrufen kann. Hier sind einige Richtlinien, die immer mehr Designer ber\u00fccksichtigen, um sicherzustellen, dass sie Parallaxe minimal und ohne Schaden zu verursachen einbauen:<\/p>\n<ul>\n<li>Lassen Sie Parallaxen-Effekte nicht von wichtigen Informationen ablenken<\/li>\n<li>Beschr\u00e4nken Sie die Anzahl der Parallaxen-Effekte auf ein Minimum<\/li>\n<li>Minimieren Sie den Umfang der Parallaxenbewegung innerhalb jeder Instanz<\/li>\n<li>Beschr\u00e4nken Sie Parallaxen-Effekte auf einen kleinen Bereich des Bildschirms<\/li>\n<li>F\u00fcgen Sie eine Option f\u00fcr Benutzer ein, um Parallaxen-Effekte zu deaktivieren<\/li>\n<\/ul>\n<p>N\u00e4chstes Jahr werden wir sehen, wie Parallax Scroll subtil eingesetzt wird, nicht f\u00fcr auff\u00e4llige Effekte, sondern als Werkzeug, um wichtige Teile des Inhalts zu betonen oder hervorzuheben.<\/p>\n<h3>Horizontales Scrollen<\/h3>\n<p>Fr\u00fcher als Web-Design-Fauxpas angesehen, erlebt das horizontale Scrollen ein Comeback.<\/p>\n<p>Wir sehen immer mehr Webdesigner, die mit dem horizontalen Scrollen experimentieren. Diejenigen, die es am besten k\u00f6nnen, brechen das Muster nicht um des Andersseins willen, sondern als praktischen Weg, um sekund\u00e4re Informationen nach und nach offenzulegen, wie in einer Bildergalerie.<\/p>\n<ul>\n<li>Zwingen Sie Benutzer nicht dazu, durch horizontale Inhalte zu navigieren: Erlauben Sie alternative Wege zur Navigation, wie z. B. Pfeilschaltfl\u00e4chen mit klaren Beschriftungen<\/li>\n<li>Verwenden Sie klare visuelle Hinweise, um anzuzeigen, wo der Inhalt horizontal gescrollt wird, und verstecken Sie diese Hinweise nicht hinter Hovern<\/li>\n<li>\u00dcberlegen Sie, welche Inhalte von einem horizontalen Bildlauf profitieren w\u00fcrden &#8211; eine Fotogalerie ist ein guter Kandidat, da ein horizontaler Bildlauf dem Benutzer eine kleine Vorschau zeigt und ihm die M\u00f6glichkeit gibt, mehr zu sehen oder auf der Seite weiter nach unten zu gehen<\/li>\n<li>Vermeiden Sie horizontales Scrollen f\u00fcr Text, der gelesen werden muss<\/li>\n<\/ul>\n<p><strong>3D-Visualisierungen \u00fcberall<\/strong><\/p>\n<p>Mit dem Aufkommen von Bildschirmen mit h\u00f6herer Aufl\u00f6sung hat 3D-Design einen langen Weg von den blockigen und abgeschr\u00e4gten Kanten zur\u00fcckgelegt. Hochwertige 3D-Grafiken wurden nahtlos in das <a href=\"https:\/\/www.wolpersweb.de\/webdesign\/\" target=\"_blank\" rel=\"noopener\">Webdesign<\/a> integriert. Anstatt grelle Ablenkungen zu sein, tragen sie zum Gesamterlebnis des Benutzers bei.<\/p>\n<p>3D-Elemente verleihen jeder Webseite ein Gef\u00fchl von Einzigartigkeit und Dimensionalit\u00e4t.<\/p>\n<h3>Multimedia-Erlebnisse<\/h3>\n<p>Seit die meisten Menschen Zugang zu schnelleren Internetgeschwindigkeiten haben, tauchen \u00fcberall multimediale Web-Erlebnisse auf. Die Kombination von Bild, Text, Video und Audio sorgt f\u00fcr ein reichhaltiges Benutzererlebnis.<\/p>\n<p>Erfolgreiche Designs im Jahr 2021 werden sich bei Multimedia-Erlebnissen zur\u00fcckhalten:<\/p>\n<ul>\n<li>Priorisieren Sie Einfachheit, etwa bei der Kombination von Bewegung und Audio. Zu viel Inhalt kann f\u00fcr Menschen mit kognitiven St\u00f6rungen ablenkend oder \u00fcberw\u00e4ltigend sein.<\/li>\n<li>Verwenden Sie verschiedene Medienformate mit Bedacht, um die Zug\u00e4nglichkeit der Inhalte zu maximieren.<\/li>\n<li>F\u00fcgen Sie Untertitel und Transkripte f\u00fcr alle aufgezeichneten Multimedia-Inhalte hinzu.<\/li>\n<li>F\u00fcgen Sie Alt-Text f\u00fcr Bilder ein und begleiten Sie komplexe Bilder mit l\u00e4ngerem, beschreibendem Text.<\/li>\n<li>Stellen Sie sicher, dass der gesamte Text mit HTML erstellt wird und nicht in Bildern gerendert wird.<\/li>\n<li>Vermeiden Sie das automatische Abspielen von Videos oder bewegten Inhalten: Stellen Sie stattdessen eine eindeutige &#8220;Play&#8221;-Schaltfl\u00e4che bereit, die dem Benutzer die M\u00f6glichkeit gibt, den Inhalt abzuspielen und anzuhalten.<\/li>\n<\/ul>\n<p>Der effektive und barrierefreie Einsatz von Multimedia geht mit der Verantwortung einher, eine Vielzahl von Faktoren zu ber\u00fccksichtigen. Hier finden Sie weitere Ressourcen zur Barrierefreiheit von Videos.<\/p>\n<h3>Augmented Reality (AR)-Erlebnisse<\/h3>\n<p>Und bei den Multimedia-Erlebnissen d\u00fcrfen wir nicht all die erstaunlichen immersiven Erlebnisse mit Augmented Reality (AR) vergessen. AR bedeutet heute mehr als nur die Jagd nach Pok\u00e9mon auf Ihrem Apple- oder Android-Mobilger\u00e4t. Neue Technologien wie die WebXR API und die Software von Wayfair Technologies haben diesen Bereich f\u00fcr fast jeden zug\u00e4nglich gemacht.<\/p>\n<p><em>Beispiel:<\/em> Jeep setzt AR f\u00fcr die Seite &#8220;Build &amp; Price a Jeep&#8221; ein. F\u00fcr diejenigen, die es hassen, einen Fu\u00df in ein Autohaus zu setzen, ist dies eine luftige und druckfreie Erfahrung. Immer mehr Einzelhandels- und E-Commerce-Websites nutzen die Macht von AR, um ihre Produkte zu verkaufen und potenzielle Kunden im Kaufprozess zu unterst\u00fctzen.<\/p>\n<h3>Ein Fokus auf Maserung<\/h3>\n<p>Starre Raster und flache Bl\u00f6cke aus Volltonfarben k\u00f6nnen einem Webdesign die Pers\u00f6nlichkeit nehmen. K\u00f6rnige Texturen k\u00f6nnen ihnen ein nat\u00fcrlicheres Gef\u00fchl geben.\u00a0Lo-Fi-Design-Elemente f\u00fcr ein raueres Benutzererlebnis, das sich nat\u00fcrlicher anf\u00fchlt als die glatte Perfektion, die in vielen Webdesigns \u00fcblich ist.<\/p>\n<h3>Ein Fokus auf gedeckte Farben<\/h3>\n<p>Genauso wie Maserungen einem Design ein nat\u00fcrlicheres Gef\u00fchl geben k\u00f6nnen, k\u00f6nnen es auch ged\u00e4mpfte Farben.<\/p>\n<p>Zum Beispiel kombiniert man eine neutrale Cremefarbe mit einfachen schwarzen Grafiken f\u00fcr einen ruhigen Effekt.<\/p>\n<h3>Auf Vorlieben basierende Designs<\/h3>\n<p>Die Webentwicklung hat gro\u00dfe Fortschritte bei der Bereitstellung personalisierter Erfahrungen gemacht. Das kann alles sein, von der Umschaltung zwischen Dunkel- und Hellmodus und anderen M\u00f6glichkeiten, das Aussehen und die Navigation einer Website zu \u00e4ndern, bis hin zum Angebot von Inhalten, die auf den eigenen Geschmack zugeschnitten sind.<\/p>\n<p>Neue Designpraktiken und Algorithmen machen das Internet weniger zu einem passiven Nutzererlebnis und mehr zu einem nutzerzentrierten. In Zukunft wird der Fokus noch mehr darauf liegen, die Bed\u00fcrfnisse, W\u00fcnsche und den Geschmack derjenigen zu erf\u00fcllen, die durch Websites navigieren.<\/p>\n<h3>Gau\u00dfscher Weichzeichner<\/h3>\n<p>Der Gau\u00dfsche Weichzeichner eignet sich sehr gut, um Bilder und Verl\u00e4ufe weich zu zeichnen. Diesen Effekt gibt es schon eine Weile, aber Designer haben ihn an prominenterer Stelle im Webdesign eingesetzt.<\/p>\n<p>Beispiel: Eine angenehme gau\u00dfsche Unsch\u00e4rfe der Farbe. Dies verleiht ein atmosph\u00e4risches Gef\u00fchl und kn\u00fcpft direkt an das m\u00f6gliche darauf folgende Foto an.<\/p>\n<p>Wir lieben es zu sehen, wie Dinge, die es schon immer gab, wie z.B. der Gau\u00dfsche Weichzeichner, in den H\u00e4nden von Designern, die sie auf neue und interessante Weise einsetzen, immer beliebter werden.<\/p>\n<h3>Scrollytelling<\/h3>\n<p>Wir haben einen wachsenden Trend bei Designern beobachtet, die Geschichten durch Web-Erlebnisse erz\u00e4hlen. Hier kommt Scrollytelling ins Spiel &#8211; visuelles Storytelling, dass die Geschichte steigert und Sie in die Erz\u00e4hlung einbezieht.<\/p>\n<p>Die besten Anwendungen von Scrollytelling \u00fcben sich in Zur\u00fcckhaltung:<\/p>\n<ul>\n<li>Halten Sie die Bewegung in einem kleinen Bereich.<\/li>\n<li>Bieten Sie Interaktionen zu den Bedingungen des Benutzers an: Stellen Sie offensichtliche Wiedergabesteuerungen zur Verf\u00fcgung, um Interaktionen und Bewegungen abzuspielen \/ anzuhalten \/ zu stoppen.<\/li>\n<li>Stellen Sie sicher, dass alle Scrollytelling-Elemente dazu beitragen, die Geschichte zu unterstreichen, anstatt vom wichtigen Text abzulenken.<\/li>\n<\/ul>\n<h3>Dunkler Modus<\/h3>\n<p>Immer mehr Designer setzen auf die \u00c4sthetik des dunklen Modus, wobei Schwarz den perfekten dunklen Hintergrund bietet, um Designelemente auf dem Bildschirm hervorzuheben.<\/p>\n<p>Scheuen Sie sich nicht, im Jahr 2021 bei Ihrer eigenen Designarbeit in die Dunkelheit zu gehen.<\/p>\n<h3>Cartoon-Illustrationen<\/h3>\n<p>Es ist noch gar nicht so lange her, da bestanden Websites nur aus Text und ein paar Bildern oder Grafiken. Das Webdesign hat sich weiterentwickelt, und die Designer kreieren nun Arbeiten, die mit Menschen auf einer pers\u00f6nlicheren Ebene in Verbindung stehen. Cartoon-Illustrationen haben an Popularit\u00e4t gewonnen, um Websites mit einer gesunden Prise Menschlichkeit zu gestalten.<\/p>\n<p>Es gibt so viele Quellen und K\u00fcnstler, die fantastische Cartoon-Illustrationen anfertigen. <a href=\"https:\/\/blush.design\/de\">Blush<\/a> ist eine gro\u00dfartige Plattform, um ma\u00dfgeschneiderte Charakter-Illustrationen zu finden.<\/p>\n<p>Die Illustrationsplattform von <a href=\"https:\/\/blush.design\/de\">Blush<\/a> bietet verschiedene anpassbare Charakterillustrationen. Cartoon-Illustrationen bieten so viel in Bezug auf Kreativit\u00e4t und machen eine Marke sympathischer. Wir freuen uns darauf, im kommenden Jahr eine wachsende Anzahl von Charakteren in Web-Designs zu sehen.<\/p>\n<h3>Geometrische Raster<\/h3>\n<p>Raster sind einfach, aber sehr flexibel in der Art, wie sie in ein Design integriert werden k\u00f6nnen. Geometrische Raster werden immer beliebter, um ein Layout mit einem sauberen und k\u00fchnen Look zu strukturieren. Diese gro\u00dfen, farbigen Quadrate machen Spa\u00df beim Navigieren und sorgen daf\u00fcr, dass die Aufmerksamkeit erhalten bleibt. Oder die Verwendung von schwarzen Strichen, um verschiedene Inhaltsbl\u00f6cke zu trennen. Geometrische Raster m\u00fcssen nicht gleichm\u00e4\u00dfig angeordnet sein.<\/p>\n<p>Geometrische Raster, die eine solide Struktur und eine unkomplizierte Pr\u00e4sentation bieten, sollten in der Werkzeugkiste eines jeden Webdesigners zu finden sein.<\/p>\n<h3>Benutzerdefinierte Cursor<\/h3>\n<p>Cursor sind wahrscheinlich einer der am meisten \u00fcbersehenen Aspekte des Webdesigns, da die meisten von uns sich mit einem einfachen alten Pfeil zufrieden geben. Wenn ein Designer diesen unbedeutenden Teil einer Website in etwas Cooles verwandeln kann, ist das schon eine Leistung. Wir hoffen, dass wir im Jahr 2021 noch mehr originelle Ideen sehen werden, was ein Cursor sein kann.<\/p>\n<h3>Scrollende Karten<\/h3>\n<p>Wir sind begeistert, dass Scrollkarten zu einem integralen Bestandteil von Designs werden. Egal, ob sie horizontal oder vertikal scrollen, sie bringen Schwung in eine Website und sind eine tolle M\u00f6glichkeit, Informationen zu pr\u00e4sentieren.<\/p>\n<p>Karten-Layouts gibt es schon eine ganze Weile, und wir freuen uns, wenn sie in neue Scroll-Richtungen gebracht werden.<\/p>\n<h3>Farbloses Design<\/h3>\n<p>Sparsames Wei\u00df sorgt f\u00fcr ein sauberes Design, und alle Elemente, die Farbe haben, erhalten noch mehr Aufmerksamkeit.<\/p>\n<p>Selbst so etwas wie ein minimales, schlichtes Design kann mit Mikro-Interaktionen, Animationen und anderen dynamischen Effekten immer noch ein ansprechendes Erlebnis sein.<\/p>\n<h3>Audio<\/h3>\n<p>Das Anbieten von Audio als integraler Bestandteil eines Designs beseitigt Barrieren f\u00fcr Menschen mit Sehbehinderungen und kommt auch denjenigen zugute, die es vorziehen, einen gro\u00dfen Teil des Textes auf einer Website zu h\u00f6ren,<\/p>\n<p>Die New York Times zum Beispiel leistet fantastische Arbeit bei der Bereitstellung von begleitendem Audio zu einigen ihrer Artikel.<\/p>\n<p>Wir hoffen, dass es in Zukunft mehr Audio-Optionen auf Websites geben wird, die den Menschen die Wahl lassen, wie sie den Inhalt erleben wollen.<\/p>\n<h3>Web inspiriert von Print<\/h3>\n<p>Mit der digitalen Technologie, die so vieles ersetzt, was einst physische Objekte waren, hat es eine Wiedergeburt alter Medien gegeben. Die Beliebtheit von Vinyl-Alben ist ein Beweis daf\u00fcr, dass die Menschen etwas erleben wollen, das nicht nur ein Haufen von Nullen und Einsen ist.<\/p>\n<p>Layouts, die ihre Inspiration aus dem Printbereich beziehen, erf\u00fcllen den Wunsch der Menschen, sich mit etwas in der realen Welt zu verbinden. Layouts im Stil von Zeitschriften und andere Elemente des traditionellen Grafikdesigns bieten eine Verbindung zum haptischen Erlebnis von Druck auf Papier.<\/p>\n<h3>Designsysteme f\u00fcr Konsistenz<\/h3>\n<p>Designsysteme sind m\u00e4chtig. Durch die Verwendung eines CMS zur Erstellung wiederholbarer Layouts und verwandter Sammlungen ist es einfach, Aktualisierungen oder \u00c4nderungen vorzunehmen sowie schnell doppelte Websites zu erstellen. Unabh\u00e4ngig davon, ob sie in kleinem oder gr\u00f6\u00dferem Ma\u00dfstab eingesetzt werden, sind sie f\u00fcr jede Organisation bei der Erstellung und Verwaltung ihrer Designs n\u00fctzlich.<\/p>\n<p>Wir haben auch gesehen, dass es scheinbar wirklich n\u00fctzliche Apps gibt, die entwickelt wurden, um die Workflows von Designsystemen noch einfacher zu machen. <a href=\"https:\/\/zeroheight.com\/\" target=\"_blank\" rel=\"noopener\">Zeroheight<\/a> fungiert als zentraler Ort, um Aufgaben zu verwalten und zusammenzuarbeiten. <a href=\"https:\/\/www.figma.com\/\">Figma<\/a> bietet neben Vorlagen auch andere Designsystem-Tools. Und die CMS-Sammlung von <a href=\"https:\/\/webflow.com\/\">Webflow<\/a> kann ein Designsystem unabh\u00e4ngig von seiner Gr\u00f6\u00dfe betreiben.<\/p>\n<h3>No Code<\/h3>\n<p>No Code bedeutet nicht die komplette Abschaffung von Code. Programmierer und Entwickler werden immer wichtig sein. &#8220;No Code&#8221; bedeutet, diese Fachgebiete f\u00fcr diejenigen zu \u00f6ffnen, die sonst davon ausgenommen w\u00e4ren. Es erlaubt jedem, der eine Idee oder eine Vision hat, zu gestalten.<\/p>\n<p>Durch No Code werden Designer zu Front-End-Entwicklern. Schriftsteller k\u00f6nnen zu Webdesignern werden. Und Kleinunternehmer k\u00f6nnen in die Welt des E-Commerce einsteigen. Wer auch immer Sie sind, no code bef\u00e4higt Sie, etwas mehr zu werden. Es beseitigt die Trennlinien zwischen Nicht-Designern, denen, die nur designen, und denen, die Entwickler sind. Es bringt Menschen in Zusammenarbeit zusammen.<\/p>\n<p>Es ist aufregend, die Entwicklung neuer No-Code-Plattformen zu beobachten und zu sehen, wie Designkurse das Thema in ihren Lehrplan aufnehmen. Wir k\u00f6nnen es kaum erwarten, zu sehen, was mit der No-Code-Bewegung im Jahr 2021 passiert.<\/p>\n<p>Es ist immer wieder spannend zu sehen, wie sich das Webdesign weiter ver\u00e4ndert und wie die No-Code-Bewegung weiter an Fahrt gewinnt.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Von Retro-Typografie bis hin zur immer gr\u00f6\u00dfer werdenden No-Code-Bewegung &#8211; es gibt viel, worauf man sich innerhalb des Webdesigns nach der Corona-Zeit freuen kann. 2020 war nicht einfach. Mit Unmengen von Handdesinfektionsmitteln, unangenehmen Zoom-Meetings und der drohenden Angst vor der Ungewissheit f\u00fchlen wir uns alle&#8230;<\/p>\n","protected":false},"author":1,"featured_media":669,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[57,78],"tags":[79,74],"class_list":["post-661","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","category-webtrends","tag-trends","tag-webdesign"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>21 Webdesign-Trends nach der Corona-Zeit - wolpersweb.de Blog<\/title>\n<meta name=\"description\" content=\"Von Retro-Typografie bis hin zur immer gr\u00f6\u00dfer werdenden No-Code-Bewegung - es gibt viele Trends nach der Corona Zeit die IN sind.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"21 Webdesign-Trends nach der Corona-Zeit - wolpersweb.de Blog\" \/>\n<meta property=\"og:description\" content=\"Von Retro-Typografie bis hin zur immer gr\u00f6\u00dfer werdenden No-Code-Bewegung - es gibt viele Trends nach der Corona Zeit die IN sind.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/\" \/>\n<meta property=\"og:site_name\" content=\"wolpersweb.de | Website und Conversion Optimierung Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-07T16:37:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-07T10:02:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.wolpersweb.de\/blog\/wp-content\/uploads\/2021\/07\/wolpersweb-BLOG-5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"860\" \/>\n\t<meta property=\"og:image:height\" content=\"589\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Christian Wolpers\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christian Wolpers\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"12\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/\"},\"author\":{\"name\":\"Christian Wolpers\",\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/#\\\/schema\\\/person\\\/b97e8201327a7bc510c0e59a148d9dec\"},\"headline\":\"21 Webdesign-Trends nach der Corona-Zeit\",\"datePublished\":\"2021-07-07T16:37:23+00:00\",\"dateModified\":\"2023-03-07T10:02:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/\"},\"wordCount\":2171,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/wolpersweb-BLOG-5.png\",\"keywords\":[\"Trends\",\"Webdesign\"],\"articleSection\":[\"Webdesign\",\"Webtrends\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/\",\"url\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/\",\"name\":\"21 Webdesign-Trends nach der Corona-Zeit - wolpersweb.de Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/wolpersweb-BLOG-5.png\",\"datePublished\":\"2021-07-07T16:37:23+00:00\",\"dateModified\":\"2023-03-07T10:02:30+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/#\\\/schema\\\/person\\\/b97e8201327a7bc510c0e59a148d9dec\"},\"description\":\"Von Retro-Typografie bis hin zur immer gr\u00f6\u00dfer werdenden No-Code-Bewegung - es gibt viele Trends nach der Corona Zeit die IN sind.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/wolpersweb-BLOG-5.png\",\"contentUrl\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/07\\\/wolpersweb-BLOG-5.png\",\"width\":860,\"height\":589},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/webdesign-trends-nach-corona\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/category\\\/webdesign\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"21 Webdesign-Trends nach der Corona-Zeit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/\",\"name\":\"wolpersweb.de | Website und Conversion Optimierung Blog\",\"description\":\"Lassen Sie sich von den Experten von wolpersweb.de zur Optimierung der Conversion-Rate beraten.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.wolpersweb.de\\\/blog\\\/#\\\/schema\\\/person\\\/b97e8201327a7bc510c0e59a148d9dec\",\"name\":\"Christian Wolpers\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/08b45290bae1fc4e2b4aaf7a37899ae194ee01355cf329ca39a58965ad3e5bd9?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/08b45290bae1fc4e2b4aaf7a37899ae194ee01355cf329ca39a58965ad3e5bd9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/08b45290bae1fc4e2b4aaf7a37899ae194ee01355cf329ca39a58965ad3e5bd9?s=96&d=mm&r=g\",\"caption\":\"Christian Wolpers\"},\"description\":\"Christian ist Gr\u00fcnder und Gesch\u00e4ftsf\u00fchrer von wolpersweb\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"21 Webdesign-Trends nach der Corona-Zeit - wolpersweb.de Blog","description":"Von Retro-Typografie bis hin zur immer gr\u00f6\u00dfer werdenden No-Code-Bewegung - es gibt viele Trends nach der Corona Zeit die IN sind.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/","og_locale":"de_DE","og_type":"article","og_title":"21 Webdesign-Trends nach der Corona-Zeit - wolpersweb.de Blog","og_description":"Von Retro-Typografie bis hin zur immer gr\u00f6\u00dfer werdenden No-Code-Bewegung - es gibt viele Trends nach der Corona Zeit die IN sind.","og_url":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/","og_site_name":"wolpersweb.de | Website und Conversion Optimierung Blog","article_published_time":"2021-07-07T16:37:23+00:00","article_modified_time":"2023-03-07T10:02:30+00:00","og_image":[{"width":860,"height":589,"url":"https:\/\/www.wolpersweb.de\/blog\/wp-content\/uploads\/2021\/07\/wolpersweb-BLOG-5.png","type":"image\/png"}],"author":"Christian Wolpers","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Christian Wolpers","Gesch\u00e4tzte Lesezeit":"12\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/#article","isPartOf":{"@id":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/"},"author":{"name":"Christian Wolpers","@id":"https:\/\/www.wolpersweb.de\/blog\/#\/schema\/person\/b97e8201327a7bc510c0e59a148d9dec"},"headline":"21 Webdesign-Trends nach der Corona-Zeit","datePublished":"2021-07-07T16:37:23+00:00","dateModified":"2023-03-07T10:02:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/"},"wordCount":2171,"commentCount":0,"image":{"@id":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wolpersweb.de\/blog\/wp-content\/uploads\/2021\/07\/wolpersweb-BLOG-5.png","keywords":["Trends","Webdesign"],"articleSection":["Webdesign","Webtrends"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/","url":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/","name":"21 Webdesign-Trends nach der Corona-Zeit - wolpersweb.de Blog","isPartOf":{"@id":"https:\/\/www.wolpersweb.de\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/#primaryimage"},"image":{"@id":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/#primaryimage"},"thumbnailUrl":"https:\/\/www.wolpersweb.de\/blog\/wp-content\/uploads\/2021\/07\/wolpersweb-BLOG-5.png","datePublished":"2021-07-07T16:37:23+00:00","dateModified":"2023-03-07T10:02:30+00:00","author":{"@id":"https:\/\/www.wolpersweb.de\/blog\/#\/schema\/person\/b97e8201327a7bc510c0e59a148d9dec"},"description":"Von Retro-Typografie bis hin zur immer gr\u00f6\u00dfer werdenden No-Code-Bewegung - es gibt viele Trends nach der Corona Zeit die IN sind.","breadcrumb":{"@id":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/#primaryimage","url":"https:\/\/www.wolpersweb.de\/blog\/wp-content\/uploads\/2021\/07\/wolpersweb-BLOG-5.png","contentUrl":"https:\/\/www.wolpersweb.de\/blog\/wp-content\/uploads\/2021\/07\/wolpersweb-BLOG-5.png","width":860,"height":589},{"@type":"BreadcrumbList","@id":"https:\/\/www.wolpersweb.de\/blog\/webdesign-trends-nach-corona\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.wolpersweb.de\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/www.wolpersweb.de\/blog\/category\/webdesign\/"},{"@type":"ListItem","position":3,"name":"21 Webdesign-Trends nach der Corona-Zeit"}]},{"@type":"WebSite","@id":"https:\/\/www.wolpersweb.de\/blog\/#website","url":"https:\/\/www.wolpersweb.de\/blog\/","name":"wolpersweb.de | Website und Conversion Optimierung Blog","description":"Lassen Sie sich von den Experten von wolpersweb.de zur Optimierung der Conversion-Rate beraten.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.wolpersweb.de\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.wolpersweb.de\/blog\/#\/schema\/person\/b97e8201327a7bc510c0e59a148d9dec","name":"Christian Wolpers","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/08b45290bae1fc4e2b4aaf7a37899ae194ee01355cf329ca39a58965ad3e5bd9?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/08b45290bae1fc4e2b4aaf7a37899ae194ee01355cf329ca39a58965ad3e5bd9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/08b45290bae1fc4e2b4aaf7a37899ae194ee01355cf329ca39a58965ad3e5bd9?s=96&d=mm&r=g","caption":"Christian Wolpers"},"description":"Christian ist Gr\u00fcnder und Gesch\u00e4ftsf\u00fchrer von wolpersweb"}]}},"_links":{"self":[{"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/posts\/661","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/comments?post=661"}],"version-history":[{"count":9,"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/posts\/661\/revisions"}],"predecessor-version":[{"id":993,"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/posts\/661\/revisions\/993"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/media\/669"}],"wp:attachment":[{"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/media?parent=661"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/categories?post=661"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wolpersweb.de\/blog\/wp-json\/wp\/v2\/tags?post=661"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}