Abstrakte Jubiläumsinszenierung mit leuchtender 20 und Kongressatmosphäre
Digitale Präsentation

TSI
Jubiläumswelt

Web-Umsetzungs-Ideen für eine modulare, redaktionell pflegbare digitale Erlebniswelt.

Basis: Final-Konzept vom 09.07.2026

TSI Jubiläumswelt · 1
Zielbild

Eine Jubiläumswelt, drei Zugänge

Die Inhalte werden einmal gepflegt und je nach Einstieg unterschiedlich inszeniert.

Geschichte erleben

Geführte Scrollytelling-Reise mit Kapiteln, Bildern, Zitaten und Zahlen.

20 Jahre entdecken

Chronik mit Jahren, Filtern, Detailseiten und Deep Links.

In Bildern stöbern

Responsive Photo Story mit Lightbox, Zoom, Vollbild und PDF-Download.

Die Zahl 20 als Mosaik aus Community- und Eventfotos
TSI Jubiläumswelt · 2
Digitales Fotobuch auf einem Tablet
Empfohlener Start

Digitales Fotobuch als MVP

Schnell sichtbar, emotional stark und später sauber erweiterbar.

Standard: Photo Story

Große Bildstrecken, Kapitel, Zitate und mobile-first Darstellung.

Plus: Lightbox & Zoom

Hochauflösende Bilder nur laden, wenn sie wirklich gebraucht werden.

Optional: Buchmodus

Flipbook nur als Desktop-Erweiterung – nicht als einzige Ansicht.

MVP-Vorteil: Inhalte können bereits für Timeline und Scrollytelling vorbereitet werden.

TSI Jubiläumswelt · 3
Inszenierung

Scrollytelling: die Geschichte als Erlebnis

Nicht nur chronologisch erzählen, sondern dramaturgisch führen.

1

Hero & Einstieg

Video/Bildbühne, Claim und direkter Start in die Zeitreise.

2

Kuratierte Kapitel

Anfänge, Wachstum, Internationalisierung, digitale Jahre, Zukunft.

3

Animierte Momente

Sticky-Jahre, Parallax, Zitate, Kennzahlen und Medienwechsel.

Technik: GSAP ScrollTrigger, normale Scroll-Navigation, Reduced-Motion-Fallback.

Konzeptbild einer vertikalen, bildstarken Jubiläums-Timeline
TSI Jubiläumswelt · 4
Chronik & Archiv

Von der Timeline zur langfristigen Wissensbasis

Jeder Meilenstein wird zum wiederverwendbaren Datensatz.

2007
Start
2012
Wachstum
2016
International
2020
Digital
2026
Jubiläum

Filter

Congress · Community · Regulierung · International · Innovation

Detailseiten

Einträge mit Bild, Text, Dokument, Video und sauberem Deep Link.

Archivsuche

Später optional mit Facetten nach Jahr, Kategorie und Personen.

Mobil: vertikale Chronik statt enger horizontaler Timeline.

TSI Jubiläumswelt · 5
Community-Mosaik in Form einer leuchtenden 20
Community

Die Community sichtbar machen

Der Claim wird erlebbar, wenn Menschen, Erinnerungen und Statements Teil der Plattform werden.

Community-Mosaik

Bilder formen eine „20“; beim Antippen erscheinen Personen, Jahr und Statement.

20 Stimmen

Gezielte kurze Zitate oder Videobotschaften von Partnern und Wegbegleitern.

Erinnerungswand

Uploads nur mit redaktioneller Freigabe und klarer Rechteabfrage.

Empfehlung: Community-Funktionen als Phase 3, nicht direkt im MVP erzwingen.

TSI Jubiläumswelt · 6
TYPO3-Architektur

Einmal pflegen, mehrfach ausspielen

TYPO3 verwaltet Inhalte und Struktur; das Frontend inszeniert die Erlebnisse.

Eigene Projekterweiterung

z. B. tsi_anniversary mit Site Set, Templates und Frontend-Assets.

Content Blocks

Meilensteine, Personen, Kapitel, Kennzahlen und Downloads als strukturierte Records.

Container & Layouts

Kapitelbereiche und redaktionelle Kombinationen flexibel im Backend aufbauen.

Extbase nur wo nötig

Moderation für Erinnerungswand, Statuslogik und Freigabeprozesse.

Isometrische Darstellung einer zentralen Content-Plattform mit Ausspielung auf verschiedene Endgeräte
TSI Jubiläumswelt · 7
Frontend-Bausteine

Libraries gezielt einsetzen – nicht überladen

TYPO3 liefert die Inhalte. Die Libraries übernehmen nur das Erlebnis.

GSAP ScrollTrigger

Scrollanimationen, Kapitelwechsel, Parallax, Reduced-Motion-Fallback

Swiper + PhotoSwipe

Fotobuch, horizontales Wischen, Lightbox, Zoom und Vollbild

StPageFlip optional

Buchgefühl nur für Desktop – Photo Story bleibt Standard

CountUp / Vanilla JS

Kennzahlen, Filter, „Überrasch mich“-Funktion und kleine Interaktionen

Auslieferung lokal über das Sitepackage, nicht per CDN. Progressive Enhancement: Seite bleibt auch ohne JavaScript verständlich.
TSI Jubiläumswelt · 8
Vorgehen

Modularer Fahrplan

So bleibt das Projekt steuerbar – und die Plattform wächst mit dem verfügbaren Material.

Phase 1 · Fotobuch-MVP

Hero, Kapitel, Fotostrecken, Lightbox, Zitate, Kennzahlen, Downloads.

Phase 2 · Chronik & Archiv

Meilenstein-Datenmodell, Filter, Detailseiten, Suche und Dokumente.

Phase 3 · Community

Erinnerungswand, Mosaik, Videobotschaften und Freigabeprozess.

Klärpunkt vor Start: Jubiläumstitel / Absender final abstimmen

Nächster Schritt: Inhalte sichten, MVP-Umfang festlegen, grobe Sitemap und Backend-Datenmodell skizzieren.

TSI Jubiläumswelt · 9
1 / 9