Bento-Grids, Glassmorphism, kinetische Typografie: Wer eine Website plant, bekommt solche Begriffe von Dienstleistern und auf LinkedIn im Wochentakt serviert. Meist mit dem Unterton, ohne den neuesten Trend sei die eigene Seite von gestern.
Diese Lektion gibt dir das Gegenmittel: ein Verfahren, mit dem du jeden Trend-Begriff einordnest, bevor er Geld kostet. Nicht als Geschmacksfrage, sondern als Handwerksfrage: Hilft der Trend deinen Besuchern oder nur dem Portfolio des Gestalters?
Kurzantwort
Wie gehst du mit Design Trends um?
Design-Trends sind gestalterische Moden mit vorhersehbarer Lebenskurve: Sie werden entweder zum Standard, den Besucher stillschweigend erwarten, oder sie verschwinden und machen Seiten rückwirkend peinlich. Entscheidend ist nie, ob ein Trend neu ist, sondern ob er eine Frage deiner Besucher beantwortet.
📌 Für wen ist das relevant: Für Selbstständige und Unternehmen, die Angebote und Trend-Vorschläge bewerten müssen, ohne selbst Designer zu sein.
- ✅ Du lernst die Lebenskurve, mit der jeder Trend endet: als Standard oder als Peinlichkeit
- ✅ Die aktuell kursierenden Begriffe bekommst du erklärt und in drei Körbe sortiert
- ✅ Am Fall der Schreinerei Brenner spielst du durch, welcher Trend in ein echtes Projekt gehört
Das lernst du in dieser Lektion
Du kannst einschätzen, ob dein Auftritt veraltet wirkt oder nur nicht modisch ist.
Du kannst jeden Trend-Begriff aus einem Dienstleister-Angebot einem der drei Körbe zuordnen.
Du kannst Trend-Vorschläge am Conversion-Raster prüfen, bevor du dafür Geld ausgibst.
Du kannst entscheiden, ob deine Seite eine Auffrischung braucht oder einen Neubau.
Inhalt
01 ·
Warum Trends dich überhaupt beschäftigen müssen
Die ehrliche Antwort vorweg: nicht, um modisch zu sein. Besucher kommen nicht, um Gestaltung zu bewundern, sondern um eine Frage zu klären oder anzufragen. Trotzdem gibt es zwei Gründe, warum du Trends nicht ignorieren darfst.
Der erste Grund: Eine sichtbar veraltete Seite kostet Vertrauen. Jede Website trägt ihr Baujahr sichtbar mit sich herum. Winzige Schrift, gequetschte Spalten, Buttons mit Verlauf und Schlagschatten aus einer anderen Zeit: Der Besucher kann das nicht benennen, aber er liest daraus “hier kümmert sich niemand”, und dieses Urteil überträgt er auf dein Geschäft.
Der zweite Grund: Dienstleister verkaufen Trends als Notwendigkeit. In Angeboten und auf LinkedIn wird aus jeder Mode eine Pflicht, ohne die du angeblich Kunden verlierst. Wer die Begriffe nicht einordnen kann, zahlt für Spielereien oder lehnt aus Unsicherheit auch das ab, was längst Standard ist.
Die Grundunterscheidung: Standard oder Mode
Für beide Fälle brauchst du eine einzige Unterscheidung. Ein Standard ist ein geronnener Trend: eine Lösung, die sich so durchgesetzt hat, dass Besucher sie erwarten und ihr Fehlen als Mangel empfinden. Eine Mode ist eine gestalterische Welle, die kommt und geht, und deren Fehlen niemandem auffällt außer anderen Gestaltern.
| Standard (geronnener Trend) | Mode (Welle) | |
|---|---|---|
| Wer vermisst es? | Der Besucher, sofort und unbewusst | Nur andere Gestalter |
| Beispiel | Mobile Darstellung, klickbare Telefonnummer, klare Navigation | Grelle Farbverläufe, Text, der beim Scrollen zerfliegt |
| Wenn es fehlt | Die Seite wirkt kaputt oder unseriös | Nichts passiert |
| Deine Haltung | Nachziehen, ohne zu diskutieren | Nur übernehmen, wenn es dem Besucher nützt |
Daraus folgt die Prüfung für deinen Auftritt: Wirkt deine Seite veraltet oder nur nicht modisch? Veraltet heißt, sie verletzt heutige Standards, das ist ein echtes Problem. Nicht modisch heißt nur: Ihr fehlt die aktuelle Mode, und das ist meistens keins.
💡 Praxis-Tipp
Mach heute den Veraltet-Check, am besten am Smartphone. Prüf fünf Punkte an deiner Seite: Ist die Seite mobil gut lesbar, ohne zu zoomen? Ist die Telefonnummer antippbar, laden die Seiten flott, sind die Fotos scharf und aktuell, steht irgendwo ein altes Jahr oder eine alte Neuigkeit?
Fällt einer dieser Punkte durch, wirkt deine Seite veraltet, und das solltest du beheben. Bestehen alle fünf, ist deine Seite höchstens unmodisch, und das ist erlaubt.
Für die Conversion heißt das: Standards sind Pflicht, weil ihr Fehlen Vertrauen kostet, bevor der Besucher eine Zeile gelesen hat. Moden sind Kür, und ob sie in dein Projekt gehören, klären die nächsten Sektionen.
02 ·
Was von gestern übrig blieb: die Lebenskurve eines Trends
Bevor du die aktuellen Trends bewertest, lohnt ein Blick auf die vergangenen, denn Trends folgen einer erstaunlich stabilen Lebenskurve.
Nimm die große Pendelbewegung der 2010er Jahre. Erst imitierten Websites die physische Welt: Buttons mit Lederstruktur, Notizbuch-Optik, Schlagschatten überall, das lief unter dem Namen Skeuomorphismus. Dann schlug das Pendel ins Gegenteil um, und Flat Design machte alles flach, randlos und schattenfrei, bis Besucher teilweise nicht mehr erkannten, was überhaupt klickbar ist.
Heute liegt die Gestaltung in der Mitte: überwiegend flach, mit dezenter Tiefe dort, wo sie Bedienbarkeit signalisiert. Keine der Extremformen hat überlebt, übrig blieb der Teil, der ein Besucherproblem löst: klar zu zeigen, was klickbar ist.
ℹ️ Die Begriffe kurz erklärt
Skeuomorphismus: Gestaltung, die reale Materialien und Objekte nachahmt, etwa ein Taschenrechner-Design, das wie ein echter Taschenrechner aussieht.
Flat Design: die Gegenbewegung dazu, komplett flache Flächen ohne Schatten, Verläufe und Texturen.
Zwei weitere Beispiele zeigen die beiden möglichen Ausgänge. Parallax-Effekte, bei denen sich Bildebenen beim Scrollen unterschiedlich schnell bewegen, wurden eine Zeit lang zu ganzen Scroll-Kino-Seiten ausgebaut. Davon ist wenig geblieben, weil diese Seiten den Besucher beim eigentlichen Ziel aufhielten.
Das Hamburger-Menü ging den anderen Weg. Die drei Striche als Menü-Symbol waren anfangs umstritten, lösten aber ein echtes Problem: eine vollständige Navigation auf einem kleinen Bildschirm. Heute sind sie mobil so selbstverständlich, dass ihr Fehlen irritieren würde: Aus der Mode wurde ein Standard.
Schaubild: die Lebenskurve eines Design-Trends. An der Weggabelung entscheidet nicht der Geschmack, sondern der Nutzen für den Besucher.
Daraus folgt die Prüffrage, die du ab jetzt an jeden Trend stellst: Löst dieser Trend ein Problem des Besuchers, oder löst er nur die Langeweile des Gestalters? Das Hamburger-Menü löste ein Platzproblem, die dezente Tiefe im heutigen Design löst ein Erkennbarkeitsproblem. Das Scroll-Kino löste gar nichts.
💡 Merke
Trends sterben nicht, sie werden Standard oder peinlich. Und welche Richtung er nimmt, entscheidet die Besucherfrage: Löst er ein Problem des Besuchers oder nur die Langeweile des Gestalters? Diese eine Frage prüft jeden Trend, auch die, die es heute noch gar nicht gibt.
Für die Conversion heißt das: Du musst keinem Trend hinterherlaufen, um vorne zu bleiben. Es reicht, die Gabelung zu erkennen und nachzuziehen, sobald aus einer Mode ein Standard geworden ist.
03 ·
Die aktuellen Trends, sortiert
Jetzt zu den Begriffen, die dir gerade begegnen. Wir haben die aktuellen Trendberichte gesichtet und eingesammelt, welche Begriffe quer durch alle Quellen auftauchen. Ein Hinweis zur Ehrlichkeit: Welche Begriffe kursieren, kommt aus dieser Sichtung, die Sortierung in die drei Körbe ist dagegen Handwerks-Einschätzung von Ostend Digital, keine Prognose.
ℹ️ Was Trendberichte sind und wer sie schreibt
Trendberichte erscheinen jedes Jahr aufs Neue, meist von Baukasten-Anbietern, Design-Tools und Agenturen. Sie sind auch Marketing: Wer Websites verkauft, hat ein Interesse daran, dass sich Websites regelmäßig alt anfühlen.
Lies sie als Vokabelliste, nicht als Pflichtenheft. Einen ausführlichen Jahresüberblick über die einzelnen Trends findest du in unserem Beitrag zu den Webdesign-Trends 2026.
Korb A: risikoarm, auf dem Weg zum Standard
🟢 Große, ruhige Typografie: Schrift wird deutlich größer und übernimmt die Rolle, die früher Stockfotos hatten: Sie trägt die Botschaft. Für dich ist das risikoarm, weil große, gut lesbare Schrift genau das unterstützt, was deine Seite ohnehin leisten muss, nämlich schnelles Verstehen.
🟢 Variable Schriften: Eine einzige Schriftdatei enthält viele Strichstärken und Breiten, statt dass für jede Variante eine eigene Datei geladen wird. Der Besucher sieht davon nichts direkt, aber die Seite lädt schlanker, und genau deshalb setzt sich die Technik durch.
🟢 Dezente Micro-Interactions: Kleine Rückmeldungen auf Nutzeraktionen: Der Button reagiert sichtbar auf den Mauszeiger, das abgeschickte Formular bestätigt den Eingang, das Menü gleitet weich auf. Solche Rückmeldungen beantworten die stille Besucherfrage “hat das funktioniert” und sind damit Handwerk, kein Schmuck.
🟢 Dark Mode als Option: Viele Besucher stellen ihr Gerät systemweit auf dunkle Darstellung, und Websites können diese Einstellung respektieren. Das ist sauber umgesetzt ein Komfortgewinn, solange die helle Fassung die Hauptfassung bleibt und beide lesbar sind.
Korb B: situativ nützlich, je nach Projekt
🟡 Bento-Grids: Ein Kachel-Layout aus unterschiedlich großen Karten, benannt nach der japanischen Bento-Box. Es eignet sich für viele gleichrangige Inhalte, etwa acht Leistungen oder mehrere Produktlinien. Wer nur drei Leistungen hat, braucht dafür kein neues Layoutsystem.
🟡 Scroll-Animationen: Elemente bauen sich beim Scrollen auf oder verwandeln sich. Sparsam eingesetzt kann das eine Geschichte führen, etwa ein Produkt Schritt für Schritt zeigen. Sobald die Animation den Besucher aber wartend zurücklässt, arbeitet sie gegen ihn.
🟡 KI-generierte Bilder: Für Hintergründe, Illustrationen und Stimmungsflächen sind sie ein günstiges Werkzeug. Als Ersatz für echte Fotos von Team, Werkstatt und Arbeitsergebnissen taugen sie nicht, denn genau diese Fotos sind es, die Vertrauen aufbauen.
🟡 3D und WebGL: Dreidimensionale, drehbare Darstellungen direkt im Browser. Stark, wenn das Produkt selbst erklärungsbedürftig und konfigurierbar ist, etwa bei technischen Produkten mit vielen Varianten. Für die meisten Dienstleister ist es teurer Ballast, der die Ladezeit belastet.
🟡 Glassmorphism als Akzent: Halbtransparente Flächen mit Weichzeichner, die wie Milchglas über dem Hintergrund liegen. Als sparsamer Akzent auf einzelnen Karten kann das edel wirken. Als durchgängige Gestaltungssprache frisst es Kontrast, und damit Lesbarkeit.
🟡 KI-Personalisierung: Die Seite passt Inhalte automatisch an den einzelnen Besucher an. Das setzt viele Besucher, viele Daten und laufende Pflege voraus und spielt darum bei großen Shops und Plattformen. Für eine Unternehmens-Website mit überschaubarem Traffic steht der Aufwand in keinem Verhältnis.
Korb C: Mode mit Verfallsdatum oder Conversion-Risiko
🔴 Brutalismus: Bewusst rohe Gestaltung mit harten Kanten, grellen Kontrasten und gebrochenen Konventionen, als Gegenbewegung zur glatten Baukasten-Ästhetik. Das kann als Statement für Kreativbranchen funktionieren, verunsichert aber genau die Besucher, die Verlässlichkeit suchen.
🔴 Grelle Farbwelten: Gesättigte Neonfarben und Retro-Anleihen, oft unter Schlagworten wie Dopamine Design vermarktet. Solche Farbwellen sind das klassische Beispiel für Mode mit kurzem Verfallsdatum: Sie tragen ihr Erscheinungsjahr sichtbar in sich.
🔴 Anti-Grid-Layouts: Layouts, die das Raster absichtlich brechen, mit überlappenden und schräg gestreuten Elementen. Damit wird gezielt verletzt, was du in der Lektion zu den Design-Prinzipien als Ausrichtung kennengelernt hast, und der Preis ist Orientierung.
🔴 Kinetische Typografie im Übermaß: Schrift, die beim Scrollen zerfließt, rotiert oder sich Buchstabe für Buchstabe aufbaut. Ein kurzer Moment davon kann eine Marke inszenieren, aber Text, der sich bewegt, während man ihn lesen will, ist ein Angriff auf die Kernaufgabe jeder Website.
Schaubild: die Drei-Körbe-Sortierung der aktuell kursierenden Trend-Begriffe. Die Körbe verschieben sich mit der Zeit, die Prüffrage dahinter bleibt.
💡 Praxis-Tipp
Hol heute das letzte Website-Angebot hervor oder den letzten LinkedIn-Post, der dich verunsichert hat. Markier jeden Gestaltungs-Begriff darin und ordne ihn einem der drei Körbe zu.
Alles aus Korb C, das dir als Notwendigkeit verkauft wird, ist eine Rückfrage wert. Frag den Anbieter, welches Problem deiner Besucher der Vorschlag löst. An der Antwort erkennst du, ob er für dich gestaltet oder für sein Portfolio.
Für die Conversion heißt das: Die Körbe ersparen dir Grundsatzdiskussionen. Korb A ziehst du nach, bei Korb B prüfst du den Anlass, und Korb C muss sich vor der Besucherfrage rechtfertigen, bevor er in die engere Wahl kommt.
04 ·
Trends und Conversion: wo Mode Geld kostet
Ein Trend ist nie gratis. Selbst wenn die Umsetzung nichts kosten würde, kann er dich Anfragen kosten, und das ist die teurere Währung. Vier Konflikte tauchen dabei immer wieder auf, und alle vier folgen demselben Muster: Die Mode gewinnt einen Auftritt und verliert eine Aufgabe.
Reduzierte Navigation gegen Auffindbarkeit: Der Trend zur radikalen Reduktion versteckt die Navigation hinter einem Symbol oder dampft sie auf zwei kryptische Worte ein. Das sieht aufgeräumt aus, aber ein Besucher, der deine Leistungen nicht findet, fragt nicht nach, er geht. Auf dem Desktop hat eine sichtbare Navigation mit klaren Begriffen fast immer die besseren Karten.
Video-Autoplay gegen Ladezeit: Ein Film, der beim Seitenaufruf im Hero-Bereich startet, wirkt auf den ersten Blick hochwertig. Bezahlt wird er mit Ladezeit und Datenvolumen, also genau dort, wo Besucher am ungeduldigsten sind. Was langsame Seiten technisch und geschäftlich kosten, hast du in der Lektion zu den Core Web Vitals gesehen.
Niedrige Kontraste gegen Lesbarkeit: Hellgrauer Text auf Weiß und zarte Beschriftungen auf Fotos gelten mancherorts als elegant. Hier gibt es eine harte Grenze, die du schon kennst: Die WCAG verlangen ein Kontrastverhältnis von mindestens 4,5:1 für normalen und 3:1 für großen Text, und was daraus rechtlich folgt, steht in der Lektion zur Barrierefreiheit. Eine Mode, die diese Grenze reißt, ist keine Geschmacksfrage mehr.
Verspielte Animationen gegen Aufgabenerledigung: Jede Animation, die der Besucher abwarten muss, verlängert seinen Weg. Ein Ladevorhang vor der Seite, Inhalte, die erst nach und nach einschweben, Text, der sich beim Scrollen aufbaut: Für den Gestalter ist das Inszenierung, für den Besucher ist es Wartezeit vor seiner eigentlichen Aufgabe.
Schaubild: der Kontrast-Konflikt an der Brenner-Hero. Der Low-Contrast-Look kostet zuerst Lesbarkeit und danach Anfragen.
Das Conversion-Raster für jeden Trend-Vorschlag
Aus den vier Konflikten wird ein Raster aus drei Prüffragen, das du an jeden Trend-Vorschlag anlegst, bevor Geld fließt. Erstens die Orientierung: Findet der Besucher nach dem Umbau genauso schnell, wo er ist und wohin er klicken muss? Zweitens Lesbarkeit und Tempo: Bleibt jeder Text über der Kontrastgrenze, und bleibt die Seite spürbar schnell?
Drittens der Weg zur Anfrage: Stellt sich der Trend an irgendeiner Stelle zwischen den Besucher und das Formular, den Anruf oder den Kauf? Besteht ein Vorschlag alle drei Fragen, darfst du ihn nach Geschmack entscheiden. Fällt er bei einer durch, ist die Diskussion beendet, egal wie gut er aussieht.
💡 Merke
Ein Trend darf vieles, aber er darf den Weg zur Anfrage nicht verstellen. Orientierung, Lesbarkeit und Tempo, Weg zur Anfrage: Wo ein Trend eine dieser drei Fragen verletzt, fliegt er, egal wie modern er aussieht. Mode ist verhandelbar, die Aufgabe der Seite nicht.
Für die Conversion heißt das: Du brauchst kein Bauchgefühl mehr, um Nein zu sagen. Das Raster gibt dir drei prüfbare Fragen, und jede davon kannst du in einer Abnahme laut stellen, ganz ohne Fachwörter.
05 ·
Wie viel Trend verträgt Brenner?
Zurück zur Schreinerei Brenner, dem durchlaufenden Beispiel dieses Kurses. Sie baut Möbel nach Maß, ihre Website soll Beratungsanfragen bringen, und ihre Kunden wollen einem Betrieb Präzision und Verlässlichkeit zutrauen. An diesem Fall spielen wir Körbe und Raster einmal komplett durch.
Aus Korb A übernimmt Brenner fast alles. Die große, ruhige Typografie trägt das Angebot und bleibt Jahre gültig, dezente Micro-Interactions geben an Button und Formular die Rückmeldung, die Anfragen leichter macht. Dazu kommt eine echte, ruhige Bildwelt aus der eigenen Werkstatt, denn nichts baut bei einem Handwerksbetrieb mehr Vertrauen auf.
Aus Korb B übernimmt Brenner wenig, und zwar mit Begründung. Ein 3D-Konfigurator für Maßmöbel klingt verlockend, wäre aber teuer und würde ersetzen wollen, was Brenners Stärke ist: das Beratungsgespräch. KI-Bilder scheiden als Ersatz für Werkstattfotos aus, und ein Bento-Grid lohnt sich bei drei Leistungsbereichen schlicht nicht.
Aus Korb C übernimmt Brenner nichts. Ein Brutalismus-Look würde genau die Verlässlichkeit untergraben, die Kunden einer Schreinerei zuschreiben sollen, grelle Trendfarben würden das Erscheinungsjahr der Seite sichtbar machen. Auch ein reiner Dark-Mode-Auftritt fällt durch: als Statement gedacht, aber im Konflikt mit Lesbarkeit und mit der hellen, warmen Anmutung von Holz.
Schaubild: die Trend-Entscheidungsliste der Schreinerei Brenner. Jede Zeile trägt ihre Begründung gleich mit, und genau so sollte deine eigene Liste aussehen.
Die Faustregel hinter der Liste
Hinter Brenners Entscheidungen steckt ein Muster, das du auf jedes Projekt übertragen kannst: Substanz konservativ, Akzente zeitgemäß. Substanz ist alles, was teuer zu ändern ist und lange halten muss, also Seitenstruktur, Navigation, Typografie-System und Bildsprache. Akzente sind alles, was du in einem Nachmittag tauschen kannst, also Hover-Effekte, ein Farbakzent, eine Illustration.
Trends gehören in die Akzente, nicht in die Substanz. Wer die Substanz einer Mode opfert, baut in zwei Jahren neu. Wer Moden nur als Akzent führt, wirkt zeitgemäß und kann jede Welle mitnehmen oder auslassen, ohne dass es je teuer wird.
💡 Merke
Substanz konservativ, Akzente zeitgemäß. Struktur, Navigation, Typografie-System und Bildsprache müssen Jahre halten, dort hat Mode nichts verloren. Hover-Effekte, Farbakzente und einzelne Gestaltungsdetails darfst du dagegen ruhig mit der Zeit gehen lassen, denn sie sind billig zu tauschen.
Experten-Tipp aus der Agentur
Schreib vor jedem Website-Projekt eine Trend-Entscheidungsliste wie die von Brenner: links, was du übernimmst, rechts, was nicht, und hinter jede Zeile die Begründung am Besucher. Leg diese Liste jedem Dienstleister vor, bevor der erste Entwurf entsteht. So diskutierst du Moden einmal am Anfang statt in jeder einzelnen Abnahme.
Pascal Cabitza
Geschäftsführer Ostend Digital
Für die Conversion heißt das: Brenners Seite wirkt zeitgemäß, ohne von einer einzigen Mode abhängig zu sein. Jede Trend-Entscheidung ist am Besucher begründet, und genau diese Begründungen machen die Liste zu einem Werkzeug statt zu einer Geschmacksfrage.
06 ·
Frisch bleiben ohne Relaunch
Bleibt die letzte Frage: Was tust du, wenn deine Seite tatsächlich in die Jahre gekommen ist? Die reflexhafte Antwort vieler Dienstleister lautet Relaunch. Die handwerkliche beginnt eine Stufe früher: Woran liegt der veraltete Eindruck überhaupt?
Erstaunlich oft liegt er gar nicht am Design. Ein Copyright-Jahr von vorgestern, eine Neuigkeiten-Rubrik mit jahrealtem letztem Eintrag, pixelige Fotos, Angaben zu Team oder Öffnungszeiten, die nicht mehr stimmen. Das alles signalisiert “hier kümmert sich niemand”, und es lässt sich beheben, ohne einen einzigen Gestaltungs-Handgriff.
Liegt es doch am Design, prüf zuerst, ob die Substanz noch trägt. Tut sie es, reichen meist vier Auffrischungen mit großer Wirkung: die Schrift-Staffel vergrößern und mit deutlichen Sprüngen neu ordnen, die Bildwelt durch aktuelle Fotos ersetzen, einen frischen Farbakzent setzen und den Weißraum spürbar vergrößern. Jede davon ist in Tagen erledigt statt in Monaten.
Schaubild: Auffrischen und Relaunch im Vergleich. Beide arbeiten an denselben Schichten, aber das Auffrischen lässt die teuren unteren Schichten in Ruhe.
Ein echter Relaunch ist erst die richtige Antwort, wenn die unteren Schichten die Aufgabe der Seite nicht mehr tragen. Drei Signale zeigen das: Die Struktur passt nicht mehr zum Angebot, die Technik versagt, etwa mobil oder beim Ladetempo, oder die Inhalte müssten so grundlegend neu erzählt werden, dass vom Bestand nichts bleibt.
💡 Praxis-Tipp
Schreib heute deine Auffrischungs-Liste in zwei Spalten: links alles Inhaltliche, das veraltet ist, also Jahreszahlen, alte Neuigkeiten, überholte Fotos und Angaben, rechts die vier Design-Auffrischungen, geordnet danach, welche deine Seite am nötigsten hat.
Arbeite die linke Spalte zuerst ab, sie kostet fast nichts und wirkt sofort. Erst danach entscheidest du über die rechte, und über einen Relaunch redest du nur, wenn eines der drei Substanz-Signale zutrifft.
Für die Conversion heißt das: Frische ist kein Projekt, sondern eine Routine. Wer Inhalte pflegt und Akzente alle paar Jahre nachzieht, wirkt dauerhaft aktuell und spart sich den teuren Relaunch aus reiner Mode.
07 ·
💡 Recap
Design-Trends in 30 Sekunden:
- Zwei Gründe, Trends zu kennen: Eine sichtbar veraltete Seite kostet Vertrauen, und Dienstleister verkaufen Moden als Notwendigkeit. Die Grundunterscheidung heißt Standard oder Mode
- Trends sterben nicht, sie werden Standard oder peinlich. An der Gabelung entscheidet die Besucherfrage: Löst der Trend ein Problem des Besuchers oder nur die Langeweile des Gestalters?
- Drei Körbe für die aktuellen Begriffe: Korb A risikoarm nachziehen, Korb B nur mit konkretem Anlass, Korb C als Mode mit Verfallsdatum oder Conversion-Risiko meiden
- Das Conversion-Raster: Orientierung, Lesbarkeit und Tempo, Weg zur Anfrage. Verletzt ein Trend eine der drei Fragen, fliegt er, egal wie modern er aussieht
- Substanz konservativ, Akzente zeitgemäß: Struktur, Navigation, Typografie-System und Bildsprache müssen Jahre halten, Moden gehören in die austauschbaren Akzente
- Auffrischen vor Relaunch: Veraltet wirkt oft der Inhalt, nicht das Design. Neu gebaut wird erst, wenn Struktur oder Technik die Aufgabe der Seite nicht mehr tragen
08 ·
Selbstcheck: kannst du das anwenden?
Ein Bekannter sagt dir, deine Website sehe “irgendwie alt” aus. Wie findest du heraus, ob das stimmt und ob es ein Problem ist?
Mit dem Veraltet-Check trennst du veraltet von unmodisch. Prüf am Smartphone die fünf Punkte: mobile Lesbarkeit, antippbare Telefonnummer, Ladetempo, Foto-Qualität und alte Datumsangaben oder Neuigkeiten. Fällt etwas durch, verletzt die Seite Standards und du solltest handeln; besteht alles, ist sie nur nicht modisch, und das kostet keine Anfragen.
Im Angebot einer Agentur für eine Steuerkanzlei steht “brutalistisch inspiriertes Design mit kinetischer Typografie”. Wie ordnest du das ein?
Beide Begriffe gehören in Korb C. Dann die Besucherfrage: Mandanten suchen Verlässlichkeit, und weder rohe Statement-Gestaltung noch Text, der sich beim Lesen bewegt, beantwortet eine ihrer Fragen schneller. Die Rückfrage an die Agentur lautet: Welches Problem unserer Besucher löst das, und ohne überzeugende Antwort fliegt der Vorschlag.
Dein Designer schlägt ein Autoplay-Video im Hero-Bereich und eine auf zwei Worte reduzierte Navigation vor. Wie prüfst du das, bevor du zustimmst?
Du prüfst mit dem Conversion-Raster, Frage für Frage: Die Zwei-Wort-Navigation versteckt deine Leistungen, ein Verstoß gegen die Orientierung. Das Autoplay-Video belastet die Ladezeit im wichtigsten Moment, ein Verstoß gegen das Tempo, damit ist die Diskussion beendet, bevor es um Geschmack geht. Verhandelbar wäre höchstens ein Video, das erst auf Klick startet.
Ein Anbieter empfiehlt dir ein Bento-Grid, du hast aber nur drei Leistungen. Was antwortest du?
Bento-Grids stehen in Korb B, also entscheidet die Situation. Ihr Anlass sind viele gleichrangige Inhalte, die übersichtlich werden müssen, und den hast du mit drei Leistungen nicht. Du lehnst nicht das Layout ab, sondern stellst fest, dass der Anlass fehlt, und genau das sagst du dem Anbieter.
Deine Seite ist sechs Jahre alt, mobil einwandfrei und schnell, wirkt aber angestaubt. Relaunch oder nicht?
Erst die Schichten prüfen: Struktur und Technik tragen noch, also spricht nichts für einen Neubau. Der angestaubte Eindruck sitzt in den oberen Schichten: zuerst Inhalte pflegen, danach die vier Design-Auffrischungen prüfen, Schrift-Staffel, Bildwelt, Farbakzent und Weißraum. Ein Relaunch wäre erst dran, wenn eines der drei Substanz-Signale zutrifft.
Alle Lektionen des Webdesign- und CRO-Kurses im Überblick →
Quellen und Stand (4 Einträge)
- Gesichtete Trendberichte (Abrufdatum jeweils 16.08.2026): Wix Blog, “The 11 Biggest Web Design Trends of 2026” (wix.com/blog/web-design-trends); Figma Resource Library, “Top Web Design Trends for 2026” (figma.com/resource-library/web-design-trends); Elementor Blog, “Web Design Trends to Expect in 2026” (elementor.com/blog/web-design-trends-2026); Fireart Studio, “Web Design Trends 2026” (fireart.studio/blog/the-best-web-design-trends); TheeDigital, “20 Top Web Design Trends 2026” (theedigital.com/blog/web-design-trends). Auswahlgrundlage der Trend-Begriffe in Sektion 03, nicht ihrer Bewertung. Quellentyp: Anbieter- und Agentur-Publikationen mit Eigeninteresse, deshalb wurden keine Statistiken oder Prognosen übernommen
- W3C: “Understanding WCAG 2.2”, Erfolgskriterium 1.4.3 Contrast (Minimum): Kontrastverhältnis mindestens 4,5:1 für normalen Text und 3:1 für großen Text, Stufe AA (w3.org/WAI/WCAG22/Understanding, abgerufen 16.08.2026). Das sind die einzigen normierten Zahlenwerte dieser Lektion. Quellentyp: Richtlinie, keine Interessenlage
- Die Drei-Körbe-Sortierung, die Lebenskurve, das Conversion-Raster und die Faustregel “Substanz konservativ, Akzente zeitgemäß” sind Handwerks-Einordnung von Ostend Digital, Stand 08/2026. Sie sind im Text ausdrücklich als Einschätzung gekennzeichnet, nicht als Prognose oder Messwert
- Das durchlaufende Beispiel “Schreinerei Brenner” ist frei erfunden und bezeichnet keine echte Firma. Alle fünf Schaubilder sind eigene Darstellungen, Ostend Digital, Stand 08/2026
Du willst eine Website, die zeitgemäß wirkt, ohne jeder Mode hinterherzubauen?
Wir halten die Substanz deiner Seite konservativ und die Akzente frisch und begründen dir jede Trend-Entscheidung an deinen Besuchern statt an unserem Portfolio.
