TYPO3-Umsetzung für „Meine Genomdaten“ des Deutschen Krebsforschungszentrums
Letzte Änderung:
Informationsportal zu einem sensiblen Zukunftsthema
Mit „Meine Genomdaten. Teilen und helfen.“ informiert das Deutsche Krebsforschungszentrum über Chancen, Nutzen und Schutz genetischer Daten in Medizin und Forschung. Die Website richtet sich an Patientinnen und Patienten, Angehörige sowie interessierte Bürgerinnen und Bürger und erklärt komplexe Themen wie Genommedizin, Datennutzung, Einwilligung und Forschung verständlich und zugänglich.
WACON wurde mit der technischen Realisierung der Website auf Basis von TYPO3 beauftragt. Die Umsetzung erfolgte auf dem Webserver des Kunden und in enger Abstimmung mit den Projektbeteiligten.
Projektsteckbrief
Kunde: Deutsches Krebsforschungszentrum
Projekt: Meine Genomdaten. Teilen und helfen.
Website: www.meine-genomdaten.de
Leistung: Technische Realisierung
System: TYPO3
Frontend: Bootstrap 5, Fluid
Schwerpunkte: Responsive Umsetzung, Ladezeitoptimierung, Content Security Policy, Betrieb auf Kundenserver
Eingesetzte WACON-Extesnions: wacon_cookie_management, tooltip
Unsere Aufgabe
Im Mittelpunkt stand die technische Umsetzung des vom Kunden gelieferten Designs. Ziel war eine moderne, performante und gut wartbare Website, die den hohen Anforderungen eines wissenschaftlichen Informationsportals gerecht wird.
Zu unseren Leistungen gehörten unter anderem:
- technische Umsetzung auf Basis von TYPO3
- Integration des gelieferten Designs mit Fluid
- Frontend-Umsetzung mit Bootstrap 5
- responsive Optimierung für Desktop, Tablet und Smartphone
- Optimierung der Ladezeiten, insbesondere im mobilen Bereich
- technische Strukturierung redaktioneller Inhalte
- Umsetzung auf dem Webserver des Kunden
- Definition und Realisierung einer strikten Content Security Policy
TYPO3 als flexible technische Basis
TYPO3 bietet eine stabile und erweiterbare Grundlage für Websites mit umfangreichen redaktionellen Inhalten. Für das Projekt war besonders wichtig, dass Inhalte strukturiert gepflegt, flexibel ausgespielt und langfristig weiterentwickelt werden können.
Die Templates wurden mit Fluid umgesetzt und so aufgebaut, dass Designvorgaben, redaktionelle Pflege und technische Wartbarkeit sinnvoll ineinandergreifen. Bootstrap 5 diente als Grundlage für ein konsistentes responsives Layout und ermöglichte eine effiziente Umsetzung der unterschiedlichen Seitentypen und Inhaltselemente.
Performance-Optimierung für mobile Nutzung
Ein besonderer Schwerpunkt lag auf der Ladezeitoptimierung. Gerade bei Informationsangeboten, die auch mobil gut nutzbar sein sollen, ist eine schnelle Auslieferung entscheidend.
Wir haben die technische Umsetzung daher gezielt auf Performance hin optimiert. Dazu gehörten unter anderem die schlanke Einbindung von Frontend-Ressourcen, die Reduzierung unnötiger Abhängigkeiten und die sorgfältige Abstimmung von Layout, Bildern, CSS und JavaScript.
Das Ergebnis ist eine Website, die auch auf mobilen Geräten schnell lädt und Inhalte gut zugänglich macht.
Sicherheit durch strikte Content Security Policy
Da die Website sensible Themen wie genetische Daten, Forschung und Datenschutz behandelt, spielte auch die technische Sicherheit eine wichtige Rolle.
Ein zentraler Bestandteil unserer Arbeit war die Definition und Umsetzung einer strikten Content Security Policy. Dadurch wird kontrolliert, welche Ressourcen von welchen Quellen geladen werden dürfen. Das erhöht die Sicherheit der Website und reduziert potenzielle Angriffsflächen, etwa durch unerwünschte Skripte oder externe Inhalte.
Die Content Security Policy wurde so konzipiert, dass sie den Sicherheitsanforderungen entspricht und gleichzeitig den zuverlässigen Betrieb der Website gewährleistet.
Eigene TYPO3-Extensions für Datenschutz und bessere Nutzerführung
Im Projekt kamen außerdem von WACON entwickelte TYPO3-Extensions zum Einsatz. Mit wacon_cookie_management wurde eine datenschutzfreundliche Cookie-Box realisiert, die sich nahtlos in die Website integriert und eine transparente Einwilligungsverwaltung ermöglicht.
Für die verständliche Aufbereitung fachlicher Inhalte wurde zudem unsere Extension tooltip eingesetzt. Fachbegriffe können damit zentral im TYPO3-Backend gepflegt werden. Sobald ein Begriff im redaktionellen Text erscheint, wird automatisch eine hinterlegte Kurzbeschreibung als Mouseover-Hinweis ausgespielt. So bleiben auch komplexe medizinische und wissenschaftliche Inhalte gut zugänglich, ohne den Lesefluss durch zusätzliche Erklärtexte zu unterbrechen.
Ergebnis
Entstanden ist ein modernes TYPO3-Informationsportal, das komplexe Inhalte übersichtlich, schnell und nutzerfreundlich bereitstellt. Die technische Umsetzung verbindet ein individuelles Design mit einer stabilen TYPO3-Basis, optimierter Performance und einem hohen Sicherheitsniveau.
Für WACON ist das Projekt ein gutes Beispiel dafür, wie sich anspruchsvolle Design- und Sicherheitsanforderungen mit TYPO3 zuverlässig umsetzen lassen — auch in sensiblen Themenfeldern wie Medizin, Forschung und Datenschutz.