nachschulung.at · Startseite

Sechs Design-
Richtungen

Jede Variante ist eine eigenständige HTML-Seite mit echten Inhalten und echten Terminen — klickbar, nicht nur ein Bild. Gemeinsam ist allen nur die Haltung: große Schrift, ein einziger Akzent, GSAP-Motion. Alles andere unterscheidet sich — Organisationsidee, Display-Schrift und Formensprache, von kantigen Schildergrotesken bis zu weichen Radien, von Versalien bis Serif.

Über die Leiste unten links lässt sich jede Variante mit jeder der sechs Paletten ansehen — 36 Kombinationen, und die Wahl bleibt beim Wechseln zwischen den Varianten erhalten.

Variante D

Zurück auf die Straße

Reine Typografie trägt alles, kein einziges Foto. Termine und Bundesländer als Listen mit großen Datumszahlen, eine gepinnte Grün-Sektion, ein Laufband, am Ende die Wortmarke über die volle Breite.

Idee
Schrift statt Bild
Grund
Creme
Bilder
keine
Stärke
sofort startklar, braucht kein Fotomaterial
Schrift
Archivo 900, Versalien
Form
Pill, radikal flach
Variante D öffnen →

Variante E

Nachtfahrt

Dunkel und fotogetragen. Vollbild-Hero mit grünem Duoton, ein Bildband mit Parallax. Das Duoton bindet die Fotos zu einer Bildwelt — farbig würde die Seite auseinanderfallen.

Idee
Foto als Bühne
Grund
Fast-Schwarz
Bilder
3, Duoton Waldgrün
Stärke
höchste Wirkung, verzeiht mittelmäßige Fotos
Schrift
Instrument Serif, Satzschrift
Form
3 px, fast kantig
Variante E öffnen →

Variante F

Bildblock

Am nächsten an den Screenshots aus dem Briefing: großer abgerundeter Bildblock links, Headline rechtsbündig daneben, Glas-Karte über dem Bild, Pill-Selects mit runden Pfeil-Knöpfen, Wortmarke über einem Foto.

Idee
Bild und Schrift gleichrangig
Grund
Creme
Bilder
4, farbig, einheitlich graduiert
Stärke
vertrauteste Struktur, braucht gute Fotos
Schrift
Plus Jakarta Sans 800
Form
30 px, weich
Variante F öffnen →

Variante G

Raster

Ein sichtbares 12-Spalten-Raster; die Haarlinien sind das Gestaltungsmittel, nichts ist zentriert. Die Termine laufen horizontal durch eine gepinnte Leiste — damit ist die Liste kein Scroll-Marathon mehr.

Idee
sichtbares Raster
Grund
Creme
Bilder
1, hochkant im Raster
Stärke
wirkt redaktionell und präzise, sehr eigenständig
Schrift
Inter Tight + IBM Plex Mono
Form
0 px, nur Haarlinien
Variante G öffnen →

Variante H

Signal

Die Straßenmarkierung als Leitmotiv: Asphaltschwarz und ein einziges Signalgelb — genau die Farbe der Mittellinie. Gelb nur für Markierung, Platz-Status und einen CTA. Bundesländer als gepinnte Horizontalgalerie.

Idee
Markierung als Zeichen
Grund
Asphaltschwarz
Bilder
5, entsättigt in der Galerie
Stärke
merkfähigste Variante, klarer Statuscode
Schrift
Archivo Expanded 900
Form
0 px, Schildergeometrie
Variante H öffnen →

Variante I

Kalender

Der Hero ist das Produkt: ein Monatsraster mit den freien Kurstagen. Kein Claim, kein Bild — wer herkommt, will einen Termin. Tag anklicken, Detail erscheint daneben. Funktioniert auch ohne JavaScript.

Idee
Buchung ab Sekunde eins
Grund
Creme
Bilder
1, als Band mit Parallax
Stärke
kürzester Weg zum Termin, am ehrlichsten zum Bedarf
Schrift
Space Grotesk 700
Form
8 px, Tabellenlogik
Variante I öffnen →

Welche passt zu welchem Kanal?

Die Akquise-Anteile stehen im Relaunch-Konzept, Kapitel 2. Rund die Hälfte des Traffics kommt über Google und Fahrschul-QR-Codes — diese Leute wollen buchen, nicht lesen.

KanalAnteilWas diese Leute brauchenPasst
Google-Suche~30 %Termin und Preis in SekundenI, G
Behörden (BH, Polizei)~30 %Gewissheit, die richtige offizielle Stelle zu seinG, D
Fahrschulen (QR/Aufsteller)~20 %direkt vom Code in die BuchungI, H
Persönliche Empfehlung~8 %Bestätigung, dass es menschlich zugehtF, E
Wiederholer~2 %kein Vorwurf, klarer WegD
Sechs Paletten, umschaltbar Creme & Waldgrün · Papier & Kobalt · Beton & Zinnober · Nacht & Eis · Leinen & Terracotta · Asphalt & Signal. Jede Palette liefert einen hellen und einen dunklen Grund, damit auch E und H sie tragen können. Alle Kombinationen sind auf Kontrast geprüft: gedämpfter Text liegt zwischen 5,3 und 7,7 zu 1, Buttons zwischen 10,5 und 12,5 — überall über dem Mindestwert 4,5.
Meine Empfehlung I (Kalender) als Grundgerüst, in der Farb- und Schriftwelt von H (Signal). Begründung: Der Kalender bedient die Hälfte des Traffics ohne Umweg, und das Signalgelb der Straßenmarkierung ist das einzige Farbmotiv im Set, das aus der Sache selbst kommt statt aus dem Geschmack. E wäre die Wahl, wenn Wirkung über Tempo geht — die braucht aber gutes Fotomaterial.
Die Fotos sind Platzhalter Vier freie Stockbilder (Straße, Lenkrad, Bergstraße), Quellen in img/QUELLEN.md. Für den Launch braucht es eigene Aufnahmen: Kursräume, Kursleitung, Standorte. Die 13 Porträts im DriveConsult/-Ordner sind echte Drive-Consult-Gutachter und dürfen hier nicht auftauchen — in den Mockups stehen dort andere Namen.
Offen: das Branding kommt laut Konzept vom Auftraggeber Kapitel 13 („Was wir vom Team brauchen“) listet Logo + Farbpalette für nachschulung.at als Zulieferung von Design/Marketing — fällig vor Phase 2. Solange das fehlt, sind alle sechs Vorschläge, keine Umsetzung einer CI.