Nachschlagewerk: Webseiten erstellen, die verkaufen
Ich habe Urlaub vom: 31.07. bis 25.08. in der Zeit biete ich keine Strategie Sessions an.

Webdesign Trends: was kommt, was geht was bleibt

Inhaltsverzeichnis

Alle meine Kunden wünschen sich eine “moderne Webseite”. Aber was genau bedeutet das? Was sind die Webdesign Trends, was ist so out, dass es demnächst schon wieder in sein könnte und was braucht kein Mensch (oder keiner meiner Kunden)?

Mit den technischen Entwicklungen ändern sich die Trends. Ich versuche immer, eine ausgewogene Balance zwischen trendy und zeitlos auszuwählen. Denn die Anpassung auf den nächsten Trend wird auch wieder Geld und Zeit kosten. Da passt für mich das Preis-Leistungs-Verhältnis dann nicht.

Mobile First

Für mich schon lange kein Trend mehr, sondern eine Lebenseinstellung. Fast alle meiner Kunden haben steigende Besucherzahlen von mobilen Endgeräten. Deshalb würden wir Geld auf der Straße liegen lassen, wenn die Webseite auf dem Handy nicht optimal dargestellt werden kann.

Gogle straft inzwischen auch ab, wenn die Webseite mobil nicht ordentlich performt.

Für mich als Webdesigner bedeutet das: ich habe immer die Pagespeed (also die Ladezeit) im Blick und muss alle Inhalte so darstellen und anordnen, dass sie auch auf dem Handy verständlich und überzeugend sind. Ich optimiere zuerst für mobile Endgeräte und erst später für Desktop Rechner.

Startseiten-Slider 

Wer sich nicht entscheiden kann, welches Bild prominent oben auf der Startseite gezeigt werden soll, der bittet mich immer darum, einen Slider (also ein Karussell) mit mehreren Optionen einzustellen.

Das Problem: kein Mensch klickt sich durch alle Slides. So werden vermeintlich wichtige Inhalte dann nicht angezeigt.

Wer mit seiner Webseite überzeugen (und verkaufen will) entscheidet sich für genau ein Bild und setzt einen großen Hero Slider ein. Die anderen Inhalte sind dann entweder nicht so wichtig oder werden gezielt an anderer Stelle eingesetzt.

Parallax

Sie schaffen Tiefe und Dreidimensionalität. Sie generieren Aufmerksamkeit. Das ist Fluch und Segen zugleich, denn so kann man auch ausversehen von wichtigen Inhalten ablenken. Diesen Effekt sollte man nur sehr gezielt und bewusst einsetzen. Am besten mehrmals testen.

One-Pager 

Weniger Klicken, mehr Scrollen, bitte.

Statt mehrere Seiten mit wenig Inhalt zu erstellen, wird der Inhalt auf einer langen Seite abgebildet. Ein Klick kann ein großes Commitment sein. Scrollen ist eher passiv.

Gestalterisch werden einfach mehrere kurze Abschnitte aneinander gereiht. Oft auch farblich deutlich abgesetzt. Vergleichbar mit dem Trend zu schnelleren Schnitten im Videobereich.

Navigation: immer sichtbar

Das Menü bleibt beim Scrollen am oberen Bildschirmrand fixiert und verschwindet nicht.

Manchmal wird es schmaler oder durchsichtig. Das trägt deutlich zur Usability bei (genau so wie der “nach oben” Pfeil in der unteren rechten Ecke). Die Besucher können sich gut orientieren und auf der Webseite zurecht finden.

Hamburger Menü

Auf dem Handy kennen wir das “drei Balken” Symbol für das Menü und haben uns alle so daran gewöhnt, dass es inzwischen auch auf der Desktop Version einiger Webseiten Einzug gehalten hat. So kann man einen aufgeräumten Look kreiren und die Navigation extrem minimalistisch gestalten.

Pop-Ups

Wirklich nervig. Die Conversion Rate spricht aber für sich. So kommen die Abonnenten in den Newsletter.

Auch hier muss man abwägen: wie nervig sind die Popus wirklich (im Verhältnis zum Nutzen) und inwieweit wird die User Experience beeinträchtigt. Spätestens wenn die Abbruchquote deutlich steigt, sollte man darüber nachdenken, das Pop-Up zu ändern oder ganz darauf zu verzichten.

Wordpress Trends: Pop-Ups für den Newsletter

Animierte GIF-Dateien

Vielen Dank Instagram. Auch im Namen meiner Eltern. Denn endlich sind die GIFs zurück.

GIFs sind kurze Loops von Filmen oder Videos, die sehr wenig Speicherplatz benötigen.

Hier zeige ich mit einem GIF, wie man den Footer bearbeitet:

Webdesign Darmstadt, Teamstreber Webdesignerin, Footer bearbeiten, Footer deutsch

Mehr Infos zum Footer findest du hier: Footer bearbeiten lohnt sich.

Stockfotos

Professionelle Bilder vom Fotografen sind immer die erste Wahl. Wenn dazu aber weder Zeit, noch Geld vorhanden sind, können Stockfotos eine gute Alternative sein.

Bilder transportieren Emotionen und können damit Kaufentscheidungen maßgeblich beeinflussen.

Ich empfehle Bilder bei einer Agentur zu kaufen. Mit der Rechnung und den genauen Nutzungsrechten auf der Festplatte kann man späteren Urheberrechtsverletzungen bzw. Beschuldigungen komplett ausschließen. Selbst wenn es ungerechtfertigt sein sollte: der Rechtsweg ist umständlich und oft teuer.

Typografie: Hand Lettering und Brush Script

Die Zeiten, in denen das Internet aus maximal zwei (ultralangweiligen) Schriften bestand ist vorbei.

Große, farbige Schriften sind längst auch ein digitales Gestaltungselement geworden. Der Lettering Trend geht am world wide web eben auch nicht spurlos vorbei.

Hier am Beispiel meines Workbook Covers

Webdesign Trends: was kommt, was geht was bleibt 1

Webseiten erstellen, die verkaufen

In den letzten Jahren habe ich unzählige Webseiten gemeinsam mit Kunden erstellt.
Die Grundlage war immer dieses Buch. 
Weil es der perfekte rote Faden für dein Webseiten-Projekt ist. Ausführlich genug, um deine Webseite zu erstellen, aber eben keine 1000-Seiten-Beschäftigungstherapie. Denn du willst ja nicht Webdesigner werden.

Webdesign-Trends

Jeder einzelne dieser Trends (oder sollte ich doch lieber von Gestaltungselementen reden) hat seine Berechtigung. Allerdings sollte man bei jeder neuen Webseite genau überlegen, wozu man welches Element einsetzt. Fest steht: Was nicht konvertiert, kann weg. Da mach ich keine Gefangenen.

Welche der Elemente nutzt du auf deiner Webseite?

Ich bin Mareike Schamberger: Die Frau hinter #TeamStreber.
Ich bin Webdesignerin, Autorin und Expertin für das strategische Verkaufen im Internet mit über 15 Jahren Berufserfahrung.
Wenn es darum geht, die DSGVO auf deiner Webseite alltagstauglich umzusetzen, bist du hier richtig! Statt aufzuzählen, was alles nicht geht, teste ich Tools und suche Lösungen, die in der Praxis funktionieren.
Ich liebe es, Webseiten zu erstellen, die verkaufen. Deshalb habe ich dazu auch ein Buch geschrieben.

Werbehinweis (Links mit Sternchen*)

Achtung: Affiliate-Link. Wenn du das verlinkte Produkt kaufst, bekomme ich eine Provision.  Für dich ändert sich nichts am Preis. Nur für’s Protokoll: Ich stelle hier nur Produkte vor, die sich für mich in der Praxis bewährt haben. 

Willst du eine Webseite, die verkauft?

Dazu brauchst du Kunden!

Abonniere meinen kostenlosen Newsletter mit exklusiven Tipps und Angeboten rund um “Webseiten, die verkaufen”, Kundengewinnung, Verkaufsprozesse und Online-Marketing.
Als Willkommens-Geschenk erhältst du mein E-Book “10 Gesetze für Webseiten die verkaufen”. 

*Du kannst dich jederzeit mit einem Klick wieder abmelden.
Ich versende etwa 2-4 Mails im Monat. Ich analysiere meine Newsletter Kampagnen, um dir nur relevante Informationen zu senden, detaillierte Information in der Datenschutzerklärung.

Willst du eine Webseite, die verkauft?

Dazu brauchst du Kunden!

10-Regeln

Abonniere meinen kostenlosen Newsletter mit exklusiven Tipps und Angeboten rund um “Webseiten, die verkaufen”.

Als Willkommens-Geschenk erhältst du mein E-Book “10 Regeln für Webseiten die verkaufen”. 

Cookie Consent mit Real Cookie Banner