Ich schiebe gerade zum dritten Mal den Hero-Bereich einer neuen Landingpage zur Seite, weil das halbtransparente Overlay auf dem Handy nur noch als graues Rechteck übrigbleibt. Genau in diesem Moment wird mir wieder klar, warum die aktuellen Landingpage-Design-Trends für Kursersteller meistens das Gegenteil von dem bewirken, was sie versprechen. Bento-Grids, Glassmorphism, ein Cinema-Hero-Video. Im Portfolio einer Designagentur wirkt das beeindruckend. Für eine Online-Kurse-Verkaufsseite, die zwischen zwei Kundenterminen im Home-Office fertig werden muss, ist es für die Conversion-Optimierung meistens nur eins: ein Totalausfall.
Der Irrglaube, dem ich am längsten nachgelaufen bin: Eine Landingpage muss aussehen wie ein Trend-Showcase, sonst wirkt das Kursangebot unprofessionell. Das Gegenteil stimmt. Wer als Kurserstellerin eine Seite baut, die in Sekunden eine klare Kaufentscheidung ermöglicht, gewinnt gegen jede Glassmorphism-Fläche — und genau darum geht es hier: um die Trends, die wirklich etwas bringen, und die, die nur gut aussehen.
Der Irrglaube: Mehr Designtrend heißt mehr Conversion
Komplexität ist das eigentliche Problem bei Bento-Grids und Glassmorphism. Jede verschachtelte Kachel, jedes mattierte Overlay muss erst mobil zurechtgebogen werden, und genau dort zerlegt sich ein Bento-Grid meistens in lauter einzelne Kästchen, die niemand mehr in der richtigen Reihenfolge liest. Jede Sekunde Ladezeit, die so ein Grid zusätzlich kostet, drückt die Conversion und schadet nebenbei auch dem Google-Ranking der Seite — zu schnellen Buildern ohne diesen Ballast gibt's an anderer Stelle einen eigenen, ausführlichen Vergleich. Es geht nicht darum, auf Design zu verzichten, sondern darum, Schöne Landingpage Designs erstellen ohne Hilfe von einer Agentur zu realisieren, ohne dabei Mobile-Nutzer zu verlieren.
Hat dein altes Template wirklich funktioniert?
Mein erstes Template war ein kostenloses WordPress-Theme mit einem Menü, das locker zehn Punkte hatte, und einem Kaufbutton, der schlicht nicht funktionierte — niemand hat ihn je angeklickt, weil niemand ihn unter all den Menüpunkten überhaupt fand. Eine spätere Heatmap-Auswertung hat mir gezeigt, wie groß der Unterschied wirklich war: Auf der schlanken, neuen Version scrollten acht von zehn Besucherinnen bis zum Kaufbutton durch, beim alten Template schaffte es nicht mal jede Dritte so weit. Meine erste zahlende Teilnehmerin, Gesa Rodewald, hat mir damals ziemlich unverblümt gesagt, dass sie auf der alten Seite dreimal suchen musste, bevor sie überhaupt einen Buchen-Button fand — genau das war der Punkt, an dem ich angefangen habe, Design komplett neu zu denken.
Minimalismus statt Hochglanz für Online-Kurse
Eine Landingpage für einen Mini-Kurs ist kein Schaufenster, das zum Bummeln einlädt — sie funktioniert eher wie ein Stand auf dem Wochenmarkt: Wer stehenbleibt, will in Sekunden wissen, was es kostet und ob es das eigene Problem löst, nicht, wie kunstvoll die Deko ist. Im direkten A/B-Test gegen eine reine Text-Version hat bei mir bisher jede verspielte Variante verloren. Ob das wirklich an der Seite liegt oder woanders im Funnel, zeigt sich nur mit ordentlichem Conversion-Tracking — auch dazu gibt's an anderer Stelle mehr Tiefe. Ein echtes Zitat einer früheren Teilnehmerin schlägt bei mir inzwischen jedes Erklärvideo mit Weichzeichner-Filter.
Rechtliche und technische Realität im DACH-Raum
Wer in Deutschland E-Mails an Interessenten schickt, kommt am Double-Opt-In nicht vorbei — eine Automatisierung dafür vernünftig einzurichten ist nochmal ein eigenes Kapitel. Fehlt das Impressum oder die Datenschutzerklärung, ist das hierzulande ein Abmahnrisiko, egal wie hübsch der Rest der Seite aussieht.
Kontrast ist nochmal ein eigenes, größeres Thema, zu dem es an anderer Stelle einen ausführlichen Vergleich samt WCAG 2.1 gibt. Einen Fehler sehe ich trotzdem ständig, auch bei Leuten in meinem Umfeld: Meine Nachbarin Sigrid, die gerade ihre ersten Yoga-Workshops online verkauft, schickt mir regelmäßig Screenshots, auf denen die Überschrift riesig und der eigentliche Verkaufstext winzig gesetzt ist. Lesbare Schriftgrößen sind kein Nice-to-have, sondern die Basis, auf der der ganze Rest erst wirkt.
Bilder sind das nächste Problem. 16:9 bleibt der Standard für Hero-Bilder auf dem Desktop, aber sobald die Seite auf dem Smartphone schmaler wird, schneidet das Seitenverhältnis gerne genau das Gesicht aus dem Bild. Zentrierte Kompositionen sparen hier eine Menge Ärger.
Weniger basteln, mehr verkaufen
Jeder Wechsel des Page Builders hat mich mindestens eine Nacht Datenmigration gekostet — Inhalte, die sich nicht sauber exportieren lassen, Formatierungen, die beim Import zerbröseln. Deswegen ist meine Faustregel inzwischen simpel: Wenn eine Anpassung drei Workarounds braucht, fliegt das Tool raus, egal wie trendig das Theme aussieht.
Countdown-Timer, ein schlankes Freebie-Formular, kleine Social-Proof-Elemente — das sind die Design-Bausteine, die für uns tatsächlich etwas bringen, nicht die nächste Grid-Spielerei. Falls du öfter unterwegs bist: Ich habe mal verglichen, wie gut sich eine Landingpage am Tablet erstellen lässt, wenn der Laptop gerade nicht greifbar ist — für schnelle Korrektionen reicht das mittlerweile erstaunlich gut.
Unterm Strich bleibt bei mir eine einzige Regel übrig, bevor irgendein neues Designelement in eine Landingpage wandert: Macht es die Kaufentscheidung schneller, oder macht es die Seite nur hübscher? Wenn die Antwort "nur hübscher" lautet, bleibt das Grid im Entwurf liegen — und der Kaufbutton bekommt wieder die freie Sichtlinie, die er für die Conversion-Optimierung eigentlich verdient.