6 Webdesign-Trends, die das Erscheinungsbild des Marketings verändern

Im Jahr 2010 ereigneten sich viele bedeutende Ereignisse.

Das höchste Gebäude der Welt wurde in Dubai offiziell eröffnet, Space X hat erfolgreich die Dragon Capsule auf den Markt gebracht, Apple hat das iPad veröffentlicht und Ethan Marcotte hat ein responsives Webdesign erstellt.

Wir haben einen langen Weg zurückgelegt von Webseiten, deren einziger Gestaltungszweck darin bestand, Besucher mit einer farbenfrohen Darstellung von Bildern wie dieser zu blenden:

Webdesign konzentriert sich jetzt auf Funktionalität und Benutzererfahrung. Und warum nicht, wenn 46,1 % der Menschen Design als wichtigstes Kriterium für die Glaubwürdigkeit von Unternehmen ansehen.

Das Post-Click-Landingpage-Design übt die gleiche Kraft aus. Tatsächlich konnte Numara Software die Formularkonvertierungsrate um beeindruckende 133% verbessern, indem man einfach die Seitenschriftart änderte.

Neuere Designstandards konzentrieren sich nicht mehr darauf, auffällige visuelle Elemente wie rote Schriften und gelb hervorgehobene Passagen zu verwenden, um den Besucher zu einem blinkenden Call-to-Action-Button zu führen. Sie müssen sich also keine Seiten ansehen, die so aussehen:

In der Vergangenheit haben wir über Post-Click-Landingpage-Trends gesprochen, die 2018 heiß waren. Heute werden wir uns Webdesign-Trends ansehen, die dazu beitragen, Ihre Conversion-Raten bis ins Jahr 2019 zu steigern.

1. Kartenbasiertes Layout

Intercom sagt voraus, dass das kartenbasierte Design die Zukunft des Webs ist, da es Ihnen die Möglichkeit gibt, große Mengen an Texten oder Bildern organisierter zu präsentieren und Ihre Geschichte schneller zu erzählen.

Ein kartenbasiertes Seitenlayout stellt sicher, dass zwischen den Seitenelementen visuelle Haltepunkte vorhanden sind. Außerdem beseitigt der Ansatz Unordnung – unabhängig von der Menge an Kopien und Bildern, die Sie auf der Seite platzieren. Darüber hinaus ist das kartenbasierte Design ein hervorragender Ersatz für den traditionellen Seitenschieberegler.

Die Essentials-Startseite verwendet ein kartenbasiertes Seitenlayout, um Bilder zu präsentieren, die von einer Gruppe globaler Kreativer kuratiert wurden:

2. Lange scrollende Seiten

Alle wichtigen Informationen über dem „Fold“ zu erhalten, war ein Designprinzip, an dem viele Marketingspezialisten früher festhielten, und glaubten, dass ein Besucher, wenn er den CTA-Button nicht sehen könnte, nie mehr mit Ihnen interagieren oder kaufen würde.

Diese Praxis ist tot. „Kurze“ Webseiten, die alle wichtigen Informationen „above the fold“ enthalten, gelten nicht mehr als Standard für höhere Konversionsraten. Die Webnutzer von heute erwarten, dass sie scrollen. Sie verlangen nach mehr Informationen, sei es in Form von 10x Blog-Posts oder langen scrollenden Post-Click-Landingpages.

Die lange Scroll-Seite ermöglicht es Ihnen, Besucher auf eine visuelle Tour durch Ihr Angebot zu führen und Antworten auf alle Fragen zu geben, die sie möglicherweise haben, bevor sie auf der Seite tätig werden.

Eine Webseite oder Post-Click-Landingpage, auf der der Benutzer durch Ihr Angebot scrollen muss, zerstreut Zweifel und gibt Ihnen die Möglichkeit, eine detailliertere Geschichte zu erzählen.

Ein Sticky-Scrolling-Menü verbessert das Navigationserlebnis für den Besucher, da er selbst dafür verantwortlich ist, wohin er sich auf der Seite bewegen soll. Dank des Sticky-Scroll-Menüs behält der Besucher immer die Kontrolle darüber, wohin er oder sie navigieren möchte.

Das macht Mugs mit seiner Seite:

3. Dramatische Typografie

Besserer Zugriff auf bessere Geräteauflösungen, schnellere Internetgeschwindigkeiten und eine ganze Reihe kreativer Schriftarten (dank Google Fonts und Adobe Typekit) machen dramatische Typografie auf Webseiten und Post-Click-Landingpages zu einem natürlichen Übergang. Eine dramatische Typografie ermöglicht es Ihnen, Ihre Markenidentität zu etablieren und gibt Ihnen die Möglichkeit, das Inhaltserlebnis für Ihre Besucher zu verbessern.

Seien Sie abenteuerlustig mit Ihren Typografie-Entscheidungen. Denken Sie jedoch daran, dass die Lesbarkeit Ihre Priorität sein sollte, denn wenn die Schriftart nicht lesbar ist, macht es keinen Sinn, sie auf einer Webseite einzufügen.

Versuchen Sie, die Schriftgröße zu erhöhen, um einen dramatischen Effekt zu erzielen, oder kontrastieren Sie die Schriftfarbe mit der der Umgebung. Beschränken Sie die Schriftarten in der Regel auf zwei Arten pro Webseite, um die Besucher nicht vom Conversion-Ziel abzulenken.

Outbrain verwendet beispielsweise auf seiner Post-Click-Landingpage große Schriftarten, die sofort Aufmerksamkeit erregen, sobald Sie auf der Seite ankommen:

4. Mikrointeraktionen

Mikrointeraktionen treten zwischen größeren Interaktionen auf und verbessern das mobile Seitenerlebnis für Besucher, indem sie sie wissen lassen, dass sie bereits eine bestimmte Aktion ausgeführt haben. Zum Beispiel, wenn Sie auf eine Schaltfläche klicken und den Farbwechsel miterleben oder einen bestimmten Ton hören, nachdem Sie eine bestimmte Aktion ausgeführt haben.

Diese kleineren Interaktionen helfen den Besuchern, die Ergebnisse ihrer Aktionen zu visualisieren, wie diese von Nike:

Mikrointeraktionen können Besuchern auch helfen, nicht standardmäßige Layouts wie vertikale geteilte Bildschirme oder ein kartenbasiertes Layout zu verstehen und Besucher zu ermutigen, auf einen Call-to-Action zu klicken:

Eine andere Möglichkeit, Mikrointeraktionen auf Ihren mobilen Seiten zu verwenden, besteht darin, ein animiertes Tutorial zur Funktionsweise Ihres Produkts bereitzustellen (und Navigationspunkte unten zu haben, um den Besuchern zu zeigen, welche Phase sie sich ansehen):

5. Farbblockierung

Bei der Farbblockierung werden verschiedene Farben verwendet, um ein Mosaik zu erstellen. Sie können Farbblockierung auf Inhalts- oder bildlastigen Webseiten verwenden, um die Elemente aufzubrechen und ihnen Raum zum Atmen zu geben.

Das macht die Wrist-Homepage:

Sie können die Designtechnik mit Farbblockierung auch mit Hover-Zuständen kombinieren und veranlassen, dass Farbblöcke die Farbe ändern, wenn Besucher ihren Cursor über den Block bewegen.

Zur Veranschaulichung verwendet die Barn + Co-Homepage gleichzeitig Farbblockierung und Hover-Status:

Obwohl Barn + Co keine Post-Click-Landingpage ist, zeigt es, dass es bei der Umsetzung neuer Designtrends auf seiner Website der Zeit voraus ist. Diese Arten von interaktiven Elementen tragen dazu bei, die Benutzererfahrung und das allgemeine Engagement mit ihrer Marke zu verbessern.

6. Bildschirme als Seiten verwenden

Haben Sie sich jemals Mühe gegeben, das am besten geeignete Seitenlayout für eine lange Verkaufsseite zu bestimmen? Kämpfe nicht mehr; Dieser Trend ist für Sie. Die Verwendung von Bildschirmen als Seiten bietet dem Scrollen von Webseiten eine neue Bedeutung.

Wenn Sie Bildschirme als Seiten verwenden, konfigurieren Sie meistens jeden Bildschirm in einer Falte so, dass er als separate Seite fungiert – mit eigenem Bild, eigener Überschrift usw.

Wenn lange scrollende Seiten nichts für Sie oder Ihre Besucher sind, können Bildschirme als Seiten eine ausgezeichnete Alternative sein, um alles organisiert zu halten und gleichzeitig die notwendigen Informationen bereitzustellen.

Google App verwendet Bildschirme als Seiten:

Sie können zwischen dem Bildschirm über die Navigationskopfzeile, das Scrollen mit der Maus oder mithilfe der Pfeiltasten wechseln.

Erfinden Sie das Seiten-Scrollrad neu, indem Sie Ihre Bildschirme als Seiten verwenden.

Welche Webdesign-Stile passen am besten zu Ihrer Marke?

Das Design von Webseiten sollte sich auf die Benutzererfahrung und Funktionalität konzentrieren. Jedes Element, das Sie einschließen, muss zu Ihrem Conversion-Ziel beitragen und einem individuellen Zweck dienen.

Denken Sie, dass Ihre Besucher ein visuelles Erlebnis bevorzugen? Verwenden Sie kartenbasiertes Design. Haben Sie ein ziemlich kompliziertes Angebot zu bewerben? Verwenden Sie eine lange Scroll-Seite, um jedes kleine Detail zu erklären, um Besucher davon zu überzeugen, Ihr Ziel zu erreichen.

Welcher Designtrend passt Ihrer Meinung nach am besten zu Ihren Webseiten? Bitte kommentieren Sie unten und lassen Sie es uns wissen.

Sie haben noch nicht damit begonnen, Post-Click-Landingpages zu erstellen? Entwerfen Sie hochwertige Post-Click-Landingpages und melden Sie sich noch heute für eine Enterprise-Demo an.