Ausgangslage
Für ein Schlager‑ & Volksmusik‑Duo sollte eine Website entstehen, die konzentriert kommuniziert: Biografie, Hörproben, Impressionen, Termine, Kontakt – alles auf einer Seite, ohne Ballast. Die Design‑Basis lieferte TWILLI Air, ein fully responsive One‑Page‑Template mit sauberer Typografie, Vollbild‑Hero und dezenten Popups für Zusatzinformationen.
Herausforderung
- One‑Pager‑Logik in TYPO3: semantisch korrekte Abschnitts‑Anker, smooth scroll, und eine Navigation, die auf allen Breakpoints elegant reagiert.
- Termine & Gigs als News – aber bitte automatisch ausblenden, sobald der Auftritt vorbei ist (Punkt 24:00).
- Bildwirkung ohne Gewicht: Full‑screen Hintergründe in top Qualität, trotzdem schnelle Ladezeiten.
Unsere Lösung
- Template‑Portierung: Wir haben TWILLI Air in ein TYPO3‑Sitepackage überführt und die Abschnitte (Hero, Text, Carousel, Grid, Featured, Tabs/Popups, Contact) als Content‑Element‑Cluster abgebildet. Das hält den One‑Pager redaktionell einfach und stabil.
- Terminverwaltung mit EXT:news:
- Redaktion erfasst Auftritte als News‑Einträge (Kategorie „Termine“).
- Im Datensatz setzen wir im Tab „Zugriff“ das Feld „Ende der Sichtbarkeit“ (endtime) auf 24:00 des Auftrittstags – damit verschwindet der Termin automatisch um Mitternacht (Standard‑Enable‑Feld‑Logik in TYPO3).
- Optional können wir ein kleines Backend‑Preset bereitstellen, das endtime beim Anlegen anhand des Datums vorbelegt.
- Bild & Performance:
- Vollbild‑Hintergründe als responsive Bildsets; Inline‑Critical‑CSS für Hero‑Fold; Deferred Loading für Carousels (Owl/Alternative).
- Saubere HTTP/2‑/HTTP/3‑Strategie (keine erzwungene Asset‑Concatenation), Caching & Brotli – so bleibt der One‑Pager snappy.
- Kontakt mit Funktion: Das PHP‑Kontaktformular wurde auf TYPO3‑Form gehoben (Double‑Opt‑in optional), inkl. Spam‑Schutz und Validierung.
Ergebnis
- Stringente Nutzerführung mit nur einem Scroll‑Pfad – perfekt für Mobile.
- Null‑Aufwand für veraltete Termine: Die Bühne gehört immer dem nächsten Gig.
- Starke Bilder, kurze Ladezeiten – die Website „spielt“ so schnell wie das Duo live!