Die Pädagogische Hochschule Karlsruhe hat den Relaunch ihres zentralen Webauftritts öffentlich ausgeschrieben – und sich am Ende für punkt.de entschieden.
Herausgekommen ist eine TYPO3-Website mit modernem Frontend-Stack, sicherer SSO-Anmeldung über die hochschuleigene ADFS-Infrastruktur und einer technischen Umsetzung, die den strengen Sicherheits- und Datenschutzanforderungen einer öffentlichen Hochschule gerecht wird.
Wie das Projekt von der Ausschreibung bis zum Livegang verlaufen ist und warum eine strukturierte Konzeptphase gerade bei öffentlichen Auftraggebern entscheidend ist, lesen Sie in dieser Case Study.
Die Pädagogische Hochschule Karlsruhe ist eine staatliche Hochschule für Lehramtsausbildung und Bildungswissenschaften.
Sie bietet Lehramtsstudiengänge für die Klassenstufen 1 bis 10 (Primarstufe und Sekundarstufe I) sowie Bachelor- und Masterstudiengänge für weitere Bildungsfelder an. Neben der Lehre betreibt die Hochschule erziehungswissenschaftliche, fachdidaktische und fachwissenschaftliche Forschung und bietet berufsbegleitende Weiterbildungsangebote an.
Die PH Karlsruhe in Zahlen
Den Auftrag für den Relaunch von www.ph-karlsruhe.de hat punkt.de über ein öffentliches Bieterverfahren gewonnen – als staatliche Hochschule ist die PH Karlsruhe an das Vergaberecht gebunden.
Im Kern ging es um die Ablösung eines in die Jahre gekommenen Frontend- und Build-Stacks: jQuery, Gulp und SASS sollten einem aktuellen Technologie-Stack weichen. Gleichzeitig sollte eine sichere Zwei-Faktor-Anmeldung für Mitarbeitende und Studierende über die hochschuleigene ADFS-Infrastruktur eingeführt werden – inklusive automatischer Synchronisation der Nutzer:innen.
Als öffentlicher Auftraggeber unterliegt die PH Karlsruhe zudem strengen Vorgaben:
Die technische Umsetzung musste DSGVO-konform sein und die BSI-Grundschutz-Bausteine CON.8 und CON.10 erfüllen. Das sind Anforderungen, die deutlich über das hinausgehen, was in vielen anderen Projekten üblich ist, und die von Anfang an mitgedacht werden mussten.
Wie bei den meisten unserer Projekte stand auch hier zu Beginn ein strukturierter Kick-off-Workshop – am 16.07.2025. Darin haben wir gemeinsam mit der PH Karlsruhe die Roadmap festgelegt, Rollen verteilt, „Definition of Done" und „Definition of Ready" definiert, die Systemarchitektur besprochen, die vom Design-Dienstleister bereitgestellten Figma-Layouts durchgegangen sowie Git-Workflows, Pipelines und die Dokumentation aufgesetzt.
Weil bei einem Projekt dieser Größenordnung Technik und Betrieb eng zusammenhängen, folgten zwei weitere Vor-Ort-Termine: Am 23.07.2025 ging es um Pipelines, Workflows und Entwicklungsumgebung, am 29.07.2025 um das Backend-Berechtigungskonzept – ein Thema, das bei einer Hochschule mit vielen unterschiedlichen Fachbereichen und Redakteur:innen besonderes Gewicht hat.
Das Design stammte nicht aus unserem Haus: Die Galileo Webagentur (Dominic Jacob) war über ein anderes Los der Ausschreibung beauftragt und hat die Layouts in Figma bereitgestellt. Direkt am Umsetzungsprojekt war die Agentur nicht beteiligt, stand während der Projektphase aber für Rückfragen zur Verfügung.
Technische Basis ist TYPO3 in Version 13, umgesetzt mit einem eigenen Sitepackage (`phka_sitepackage`). Für das Frontend haben wir bewusst auf einen modernen, schlanken Stack gesetzt: Eleventy und Vite fürs Build-Tooling, Tailwind CSS fürs Styling, Alpine.js für interaktive Komponenten, dazu Biome für Linting und Formatierung sowie Vitest für Tests.
Für die fachlichen Anforderungen der Hochschule haben wir eigene TYPO3-Extensions entwickelt: `phka_frontend`, `phka_people`, `phka_news` und `phka_auth`. Letztere ist zentral für eine der wichtigsten Anforderungen des Projekts – die sichere Anmeldung: Mitarbeitende und Studierende melden sich per SSO mit Zwei-Faktor-Authentifizierung über das hochschuleigene ADFS an, technisch umgesetzt über `md_saml`, inklusive automatischer Nutzersynchronisation und AD-Gruppen-Mapping.
Die Suche läuft über Apache Solr. Und weil Sicherheits- und Qualitätsanforderungen bei einem öffentlichen Auftraggeber besonders hoch sind, haben wir von Anfang an auf automatisiertes Testing gesetzt: Accessibility-Checks, Performance-Budgets über Lighthouse sowie Unit- und Integrationstests sind fester Bestandteil der Pipeline – ergänzt um eine strukturierte Konzeptphase mit klar geschnittenen Epics und hoher Code-Qualität durch konsequentes Linting.
Nach dem Kick-off im Juli 2025 ging die neue Website am 1. April 2026 live. Die Zusammenarbeit mit der PH Karlsruhe endet damit nicht: Seit dem Livegang läuft das Projekt im Betriebsmodus, mit einem 14-tägigen Jour Fixe und einem Wartungs- und Weiterentwicklungsbudget.
Die aktuelle Betriebsphase ist zunächst auf 18 Monate angelegt, mit einer Option auf Verlängerung um weitere 18 Monate. Für diesen Zeitraum ist mindestens ein Major-Update auf TYPO3 Version 14 vorgesehen, voraussichtlich 2027.
