WordPress-Kursseite gestalten ohne Webdesigner – mit System statt mit Perfektion
Irgendwann passiert es. Du sitzt an deiner Startseite, öffnest nebenbei die Website eines Plugin-Herstellers oder eines anderen Kursanbieters – und auf einmal wirkt deine eigene Seite wie ein Entwurf. Zu unruhig. Zu unfertig. Irgendwie nicht so glatt.
Ich kenne diesen Moment. Ich habe ihn selbst oft genug gehabt.
Was danach kommt, ist ein vertrauter Reflex: Templates durchschauen, hier was ausprobieren, da was kaufen, wieder verwerfen. Ich habe das eine Weile mitgemacht – unzählige Vorlagen im Bricks Builder durchgeklickt, Klassen wurden importiert und wieder gelöscht, Layouts gebaut und wieder eingerissen. Bis ich irgendwann gemerkt habe, dass ich mich im Kreis drehe. Nicht weil die Templates schlecht waren. Sondern weil ich die falsche Frage gestellt habe.
Die falsche Frage ist: Wie bekomme ich meine Kursseite so hin, dass sie so aussieht wie die da?
Die richtige Frage ist: Was muss meine Kursseite leisten – und was braucht sie dafür wirklich?
Was wir sehen, wenn wir andere Websites anschauen
Das Endprodukt. Immer nur das Endprodukt.
Nie, wie viele Entwürfe, Anpassungen und professionelle Entscheidungen dahinterstecken. Nie, wie viele spezialisierte Leute daran gearbeitet haben. Nie, wie viel Zeit zwischen dem ersten Entwurf und dem lag, was wir gerade sehen. Große Unternehmen und Agenturen beschäftigen ausgebildete Menschen, die sich ausschließlich um das Design kümmern – kein anderer Fokus, kein anderes Projekt nebenbei. Wir bauen gleichzeitig Technik, Inhalte, Struktur, Plugin-Stack und Design auf. Das ist ein fundamental anderer Ausgangspunkt.
Und dann ist da noch die KI. Viele Seiten, die heute ordentlich aussehen, wurden in Teilen von KI-Tools oder aus vorgefertigten Templates zusammengesetzt. Was wir sehen, ist Oberfläche. Was darunter liegt – ob das System funktioniert, ob der Besucher klar geführt wird, ob der Kaufprozess reibungslos läuft – das sehen wir eigentlich nicht.
Webdesign ist ein echtes Handwerk
Ich sage das ohne Ironie: Ich habe großen Respekt vor Webdesignern.
Wer wirklich im Webdesign arbeitet, denkt in Farbharmonien. Nicht einfach in „hell und dunkel“, sondern in der Wirkung bestimmter Farbkombinationen aufeinander. Diese Leute achten auf ganz spezifische Typografie – nicht nur darauf, welche Schrift, sondern auch darauf, wie sie auf den Betrachter wirkt, welches Vertrauen sie erzeugt oder eben nicht. Sie wissen, warum an bestimmten Stellen Raum sein muss, warum ein Button genau dort sitzt und nicht zwei Zentimeter weiter oben.
Das ist jahrelange Erfahrung. Das ist Profession, keine Nebenbeschäftigung.
Und genau deshalb werden wir das nicht in ein paar Monaten nachmachen. Wir sollten es auch nicht versuchen. Weil es nicht das ist, was wir für unsere Kursplattform brauchen.
Was deine Kursseite wirklich leisten muss
Denk an dein Lieblingsrestaurant. Hat es die schönste Speisekarte der Stadt? Bei meinem Lieblings-Sushi-Restaurant ist die Karte schlicht, etwas abgegriffen, wahrscheinlich jahrelang nicht überarbeitet und im Grund auch nichts Besonderes. Aber das Essen ist so gut, dass die Karte vollkommen egal ist. Ich bekomme dort alle Informationen, die ich brauche – was es gibt, wie viel, was es kostet. Fertig.
Genauso ist es mit deiner Kursseite. Was sie leisten muss: klar erklären, was du anbietest, den Interessenten mit den richtigen Informationen versorgen, und ihn am Ende zu einer Entscheidung führen. Ob das ein Kauf ist, eine Newsletter-Anmeldung oder ein anderer Call-to-Action – das hängt von deinem Ziel ab. Aber der Weg dahin ist immer derselbe: logischer Aufbau, klare Aussage, ein gezielter nächster Schritt.
Wenn das inhaltlich stimmt und das Design dabei schlicht und einheitlich ist, schlägt das jede visuell aufwendige Seite mit Scroll-Animationen und Hover-Effekten. Zugänglichkeit und Lesbarkeit sind die Messlatte – nicht ausgefallene Schönheit.
Und das gilt nicht nur für die Startseite. Es gilt genauso für den Kursbereich selbst. Es nützt nichts, wenn die Homepage elegant wirkt und der Kurs innen aussieht wie Kraut und Rüben. Ein einheitliches System zieht sich durch – von der ersten Landingpage bis zur letzten Kurslektion.
Das eigene System bauen – einmal, nicht immer wieder
Nachdem ich aufgehört hatte, Templates zu sammeln, habe ich eine andere Entscheidung getroffen. Ich habe meine definierten Klassen und Variablen im Bricks Builder von Grund auf aufgeräumt. Alles gelöscht, was ich nicht brauche. Alles strukturiert, was ich immer wieder verwende. Einmal. Konsequent.
Was dabei vorgefallen ist: Ich habe aufgehört, bei jeder neuen Seite von vorn zu denken. Für Landingpages und Anmeldeseiten brauche ich heute ein oder zwei Templates – die verwende ich immer wieder, passe den Inhalt an, fertig. Das spart keine Stunden. Das spart Tage, wenn nicht sogar Wochen an Arbeit, die so gesehen auch keinen Mehrwert für meine Besucher und mich hätte.
Die Investition in ein eigenes, funktionierendes System ist einmalig. Selbst wenn sie eine oder zwei Wochen dauert – diese Zeit bekommst du später mehrfach zurück.
Mein Tipp: Fang nicht damit an, die schönste Seite zu bauen. Fang damit an, eine Seite zu bauen, die funktioniert – und bau darauf ein Template auf, das du immer wieder verwenden kannst. Der Rest kommt später.
Was du dafür wissen musst
Weniger als du denkst.
Kein tiefes CSS-Wissen. Kein pixelperfektes Designauge. Was du brauchst, lässt sich auf ein paar Punkte runterbrechen:
Abstände – wie du sicherstellst, dass eine Seite weder zu eng noch zu luftig wirkt. Das ist Logik, kein Designgefühl.
Hierarchie – wie du Inhalte so strukturierst, dass ein Besucher instinktiv weiß, was wichtig ist und was als Nächstes kommt. Wichtig für SEO, aber vor allem wichtig für den Lesefluss. Eine Speisekarte mit Abschnitten, Überschriften und etwas Raum dazwischen – nicht alles auf einmal, klein und zusammengepresst.
Schriften – lesbar, nicht zu klein, nicht zu dekorativ. Ich nutze für Überschriften eine Custom Font, für den Rest eine Standard-Webfont, die direkt im Bricks Builder verfügbar ist. Kein externes Laden, keine Sorgen.
Farben – maximal zwei Hauptfarben, ein paar Abstufungen. Hast du bereits ein Logo oder eine Hauptfarbe definiert, hast du die erste Farbe schon. Eine zweite zum Abheben dazunehmen, reicht vollkommen.
Den Rest übernimmt der Page-Builder. Du entscheidest mit Logik, nicht mit Code.
Wann kommt der Designer?
Die Frage ist nicht, ob – sondern wann und wofür du einen spezialisierten Webdesigner dazuholen (kannst).
Wenn dein System steht, deine Plattform läuft, und deine Kursteilnehmer gut durch den Kurs geführt werden – dann ist der richtige Moment, zu entscheiden, jemanden zu holen, der das Ganze mit einem individuellen gestalterischen Stil ausstattet. Designer, die ihr Handwerk verstehen, können dein bestehendes System nehmen und es auf ein anderes Level heben. Das ist kein Widerspruch zum Selbstaufbau – das ist eine sinnvolle Reihenfolge.
Tune nicht dein Auto, bevor der Motor läuft.
Wenn du mehr darüber hören möchtest, wie ich an den Aufbau meiner eigenen Kursplattform herangehe – welche Entscheidungen ich getroffen habe und warum –, dann ist die dazugehörige Podcast-Folge der richtige nächste Schritt. Ich rede dort ausführlicher darüber, woher dieser Design-Druck kommt und was er mit uns macht. Du findest die Folge direkt auf sevenbizworks.de.
