Deine Buchungsseite ist oft der erste Eindruck, den potenzielle Kursteilnehmer von dir bekommen. Und ja, dieser Eindruck zählt. Eine Yoga-Schule mit minimalistischem, warmen Design wirkt anders als ein Fahrschul-Angebot mit modernem Schwarz-Weiß-Look.
Das Problem: Viele Kursanbieter greifen zur Standard-Vorlage und hoffen, dass es passt. Die Folge? Die Seite sieht aus wie hundert andere.
Mit dem Design-Editor von kursflow gestaltst du deine Buchungsseite so, dass sie zu deiner Marke passt — ohne HTML, CSS oder einen Designer zu bezahlen.
Deine Markenfarben einmal richtig setzen
Der erste Schritt: Farben. Das ist nicht unwichtig, denn Farben erzeugen Gefühle.
Bei kursflow stellst du drei Farben ein:
- Hauptfarbe — Das ist deine Markenfarbe (z. B. das Türkis deines Yoga-Studios)
- Akzentfarbe — Für Highlights, Badges, wichtige Infos
- CTA-Farbe (optional) — Speziell für deine Buchungs-Buttons
Zusätzlich kannst du Hintergrund und Oberflächenfarbe einstellen. So erstellst du helle oder dunkle Varianten — je nachdem, ob deine Marke eher minimalistisch oder warm wirken soll.
Du arbeitest mit Hex-Codes (#RRGGBB) — copy & paste aus deinem Brand-Manual oder von einem Farbwähler. Alle Farben sprechen miteinander, weil sie in einem System stehen.
Schriften als unsichtbares Statement
Schriften sind subtil, aber wirkungsvoll. Eine schlecht gewählte Schrift kann glaubwürdig wirken lassen, eine gute erhöht deine Professionalität sofort.
Bei kursflow hast du zwei Wege:
Branche-Presets — Starte mit vordefinierten Font-Pairings wie "Modern Sans" oder "Editorial". Jedes Pairing ist aufeinander abgestimmt — Überschriften und Fließtext ergänzen sich.
Eigene Google-Fonts — Du kennst genau die Schrift, die zu dir passt? Gib die Google-Font-Namen direkt ein und kursflow lädt sie.
Die Schrift sagt etwas über deine Schule aus. Eine Fahrschule mit einer verspielten Display-Font wirkt unseriös. Umgekehrt wirkt ein Coaching-Studio mit reiner Systemschrift zu kühl.
Button, Karten, Header — Stil für alle Elemente
Jedes Element auf deiner Seite kann einen Stil bekommen:
| Element | Deine Optionen | |---|---| | Button | Gefüllt (klassisch), Umriss (dezent), Pill (abrundete Ecken), Eckig (modern) | | Karten | Schatten (Tiefe), Rahmen (Struktur), Flach (Minimalismus) | | Header | Klebend (folgt beim Scrollen), Transparent (verschwindet), Einfarbig (solide) |
Das klingt nach Details — ist aber essentiell. Ein Personal Trainer mit Pills-Buttons und Schatten-Karten wirkt moderner als einer mit eckigen Buttons und Rahmen.
Du kannst auch mischen: Header klebend, aber Buttons als Umriss. Es geht um Konsistenz, nicht um Einheitsgrau.
Der Hero-Bereich — deine Visitenkarte
Der Hero ist das erste, das Besucher sehen. Kursflow gibt dir drei Optionen:
- Verlauf (Standard) — zwei Farben, sanft ineinander übergehend
- Einfarbig — eine klare, kräftige Farbe
- Eigenes Bild — Lade dein Foto/Video (URL) hoch
Zusätzlich stellst du ein, wie der Text ausgerichtet ist: links, zentriert oder rechts.
Eine Tanzschule könnte hier ein Tanzbild mit zentriertem Text einsetzen. Ein Sprachkurs setzt vielleicht auf einfarbig mit Weiß — clean und fokussiert.
Branche-Presets als Kickstart
Du weißt nicht, wo du anfangen sollst? Kursflow hat 6 Branche-Presets:
- Motorrad
- Yoga
- Personal Training
- Tanzschule
- Hundeschule
- Bildung
Jedes Preset bringt fertig abgestimmte Farben, Schriften und Stile mit. Du kannst damit starten und nachher einzelne Elemente anpassen — oder komplett von vorne beginnen. Ein guter Ausgangspunkt spart dir Zeit.
Sections anordnen, nicht fest verdrahtet
Deine Buchungsseite besteht aus Abschnitten: Hero, Kursbeschreibung, Testimonials, Anmeldeformular, FAQ.
Bei kursflow bekommst du Kontrolle darüber, welche Abschnitte sichtbar sind und in welcher Reihenfolge. Per Drag & Drop verschiebst du sie. Willst du Testimonials nach oben? Dann rauf damit. Brauchst du keine FAQ? Weg damit.
Jeder Abschnitt hat auch individuelle Optionen — Text, Bild, Layout-Variante.
Das bedeutet: Du bastelst nicht an Code, sondern ordnest Bausteine an — wie bei Canva oder Figma, aber für deine Buchungsseite.
Layout-Templates für deine Branche
Kursflow bietet vollständige Design-Templates nach Branchentypus:
- Sport & Action (Motorrad, Fitness) — Kräftige Farben, große Bilder, dynamisch
- Wellness & Balance (Yoga, Massage) — Warme Töne, Ruhe, Natur-Elemente
- Bildung & Training (Fahrschule, Coaching) — Struktur, Klarheit, Vertrauen
- Boutique Premium (Tanzschule, Lifestyle) — Elegant, Weiß-Raum, exklusiv
- Minimal Mono (Beratung, Consulting) — Schwarz-Weiß, fokussiert, professionell
- Outdoor & Abenteuer (Klettern, Hiking) — Natürlich, robust, inspirierend
Jedes Template ist ein komplettes Design — nicht nur Farben, sondern auch Layout, Spacing, Typografie.
Eigenes CSS für die Freaks
Du brauchst noch mehr Kontrolle? Du kennst CSS und willst zwei Zeilen Code einbauen? Unter Branding → Eigenes CSS kannst du bis zu 10.000 Zeichen eigenen CSS-Code einfügen. Der Code wird nach dem Theme-CSS eingefügt und überschreibt bei Bedarf vorhandene Stile.
Das ist optional — aber für Profis ein Ventil.
So gehst du vor
- Wähle ein Branche-Preset oder Template, das deiner Branche ähnelt
- Stelle deine Markenfarben ein (Hex-Codes aus deinem Brand-Manual)
- Wähle Schriften aus oder nutze Google-Fonts
- Passe Button-, Karten- und Header-Stile an
- Ordne deine Abschnitte (Sections) neu an
- Schaue dir die Preview an
- Speichern — fertig
Alles passiert ohne Code, in unter 15 Minuten.
Sichere dir deinen Beta-Platz auf kursflow.de — 3 Monate kostenfrei, 0 % Provision.
kursflow ausprobieren
Alles was du in diesem Artikel gelesen hast ist in kursflow integriert — ohne Zusatzkosten. Teste die Plattform 3 Monate kostenfrei im Beta-Programm.
Jetzt Beta-Platz sichern →