Case Study · Insite

Barrierefreiheit von der ersten Skizze an.

Für die INSITE-Interventions GmbH betreuen wir seit 2020 drei Websites in einer gemeinsamen TYPO3-Instanz: insite.de, eap.de und das Kundenportal meineap.de. Diese Seite zeigt den Schwerpunkt Barrierefreiheit: insite.de wurde von Beginn an barrierefrei geplant und extern auditiert, meinEAP 2024 barrierefrei neu gebaut.

Insite Sprechen Sie uns an
  • Workshops
  • Informationsarchitektur
  • Barrierefreiheit

INSITE-Interventions

Die INSITE-Interventions GmbH aus Frankfurt ist mit über 20 Jahren Erfahrung und über 200 Standorten europaweit einer der führenden Anbieter in den Bereichen Mitarbeiterberatung und Gesundheitsmanagement.

Zum Auftrag gehören drei Websites: insite.de als Unternehmensauftritt, eap.de als zweisprachige Konzernseite und meineap.de als Kundenportal für die Mitarbeitenden der Kundenunternehmen.

Healthcare Mitarbeiterberatung Gesundheitsmanagement Mehrsprachig Barrierefrei

Der Auftrag

Drei Seiten, eine Instanz, ein Anspruch.

Die Konzeption der Websites erfolgte in Kooperation von Pagemachine mit der DBF Designbüro Frankfurt Katja Lis, Alexander Lis GbR.

Pagemachine war verantwortlich für Workshops, Informationsarchitektur, Layout und Wireframes. DBF war für das Webdesign verantwortlich. Die technische Umsetzung erfolgte ausschließlich durch Pagemachine.

Die Seiten insite.de, meineap.de und eap.de laufen unter TYPO3 in einer gemeinsamen Instanz. Sie teilen sich damit Redaktion, Wartung und Updates, bleiben nach außen aber eigenständige Auftritte mit eigenem Zweck.

Die Zusammenarbeit begann 2020 mit der Migration der drei Websites nach TYPO3 und läuft seitdem ohne Unterbrechung weiter. Der Relaunch von insite.de und eap.de folgte 2023, das barrierefreie Kundenportal 2024.

Barrierefreiheit

Nicht nachgerüstet, von Beginn an geplant.

Die Website insite.de war von Beginn an barrierefrei geplant. Bereits in der Konzeptionsphase wurden Barrierefreiheitsaspekte berücksichtigt. Für insite.de erfolgten Beratung und regelmäßige Audits zur Barrierefreiheit durch die Project Alliance GmbH.

Konzept

Barrierefreiheit als Anforderung, nicht als Nacharbeit

Bereits in der Konzeptionsphase wurden Barrierefreiheitsaspekte berücksichtigt. Sie sind damit in Informationsarchitektur und Wireframes eingeflossen, nicht erst in die Templates.

Umsetzung

Regelmäßige Audits durch die Project Alliance GmbH

Für insite.de erfolgten Beratung und regelmäßige Audits zur Barrierefreiheit durch die Project Alliance GmbH. Geprüft wurde also nicht einmal am Ende, sondern begleitend.

KW 2 / 2024

insite.de ist live gegangen

Der Relaunch von insite.de und eap.de lief 2023, der Launch erfolgte in der zweiten Kalenderwoche 2024.

2024

meinEAP barrierefrei neu gebaut

Das Kundenportal wurde mit neuen Funktionalitäten neu aufgesetzt: eine barrierefreie Oberfläche und Single Sign-on für den Kundenlogin, angebunden an die bestehende Klientenverwaltung. Barrierefreiheit reicht damit über den öffentlichen Auftritt hinaus bis hinter den Login.

Der Aufbau

Drei Auftritte, eine TYPO3-Instanz.

Die Seiten insite.de, meineap.de und eap.de laufen unter TYPO3 in einer gemeinsamen Instanz. Jede hat einen eigenen Zweck und ein eigenes Publikum.

Unternehmensauftritt

insite.de

Die Unternehmenswebsite der INSITE-Interventions GmbH. Zweisprachig, barrierefrei geplant, mit zahlreichen eigenentwickelten Content-Elementen.

insite.de
Kundenportal

meineap.de

Die Plattform für Mitarbeiterberatung für berufliche und private Themen für Insite-Kunden. 2024 barrierefrei neu gebaut, mit Single Sign-on.

meineap.de
Konzernseite

eap.de

Die zweisprachige Konzernseite. 2023 gemeinsam mit insite.de relauncht: neue Informationsarchitektur, neues Designsystem, überarbeitete Inhalte.

eap.de

Das Besondere an diesem Projekt

insite.de im Detail.

Insite ist die Unternehmenswebsite der INSITE-Interventions GmbH. Ein kurzer Überblick über die wichtigsten Features.

Redaktion und Inhalte

01 - Mehrsprachigkeit

Zweisprachig, ohne Copy-and-paste

Die Übersetzung läuft über den Localisation Manager: Export der Inhalte, Übersetzung außerhalb des Systems, Rückimport per XML. Redaktion und Übersetzungsdienstleister arbeiten dadurch nicht im Backend gegeneinander.

  • Deutsch und Englisch
  • Export und Rückimport per XML
  • Von Anfang an zweisprachig angelegt
02 - Content-Elemente

Zahlreiche Elemente als Eigenentwicklung

Für die Seite wurden zahlreiche Content-Elemente eigens entwickelt, statt bestehende Elemente über Konfiguration zu verbiegen.

  • Eigenentwickelte Content-Elemente
03 - News

Ein News-Modul, mehrere Typen

Umfangreiche Verwendung des TYPO3-News-Moduls mit verschiedenen News-Typen und Ausgabe-Templates.

  • Verschiedene News-Typen
  • Eigene Ausgabe-Templates je Typ

Besondere Funktionen

04 - Compliance

Vertrauliche Meldestelle für Hinweisgeber

Eine spezielle Whistleblowing-Seite als vertrauliche Meldestelle für Hinweisgeber. Eine Funktion, bei der Vertraulichkeit keine Option ist, sondern die Anforderung.

  • Eigene Whistleblowing-Seite
  • Vertrauliche Meldestelle
05 - Ansprechpartner

tt_address, erweitert

Ansprechpartner im Unternehmen werden mit tt_address gepflegt, erweitert um eigene Funktionen wie Sichtbarkeit und Darstellung in Google Maps.

  • Eigene Sichtbarkeitssteuerung
  • Darstellung in Google Maps
Die zweite Plattform

meineap.de: hinter dem Login.

meineap.de ist die Plattform für Mitarbeiterberatung für berufliche und private Themen für Insite-Kunden. Mitarbeiter können sich registrieren und umfangreiche Beratungspakete nutzen, die die Kundenunternehmen von Insite gebucht haben. 2024 wurde das Portal mit neuen Funktionalitäten neu aufgesetzt: barrierefreie Oberfläche und Single Sign-on.

06 - Zugang

Barrierefrei, mit Single Sign-on

Mitarbeiter der Kunden von INSITE registrieren sich selbst und können nach Login Informationen einsehen, Termine vereinbaren und mit Beratern chatten. Der Kundenlogin läuft über Single Sign-on, angebunden an die bestehende Klientenverwaltung.

  • Barrierefreie Oberfläche
  • Single Sign-on für den Kundenlogin
  • Termine vereinbaren, mit Beratern chatten
07 - Rechte

Jeder sieht, was sein Arbeitgeber gebucht hat

Individuelle Informationen werden anhand der Rechtevergabe angezeigt. Was jemand sieht, hängt daran, welche Beratungspakete das eigene Unternehmen bei Insite gebucht hat.

  • Anzeige nach Rechtevergabe
  • Gebuchte Leistungen je Unternehmen
08 - Verwaltung und App

Klientenverwaltung in TYPO3, App über REST

Die komplexe Klientenverwaltung ist direkt in TYPO3 abgebildet: Firmenkunden, Vertragsumfänge und Zugriffsrechte als eigenes Datenmodell im CMS, umgesetzt in eigenen Erweiterungen. Eine Mobile-App ist über eine REST-API angebunden.

  • Eigenes Datenmodell im CMS
  • Firmenkunden, Vertragsumfänge, Zugriffsrechte
  • Mobile-App über REST-API

Zusammenarbeit

Wer was gemacht hat.

Die Konzeption erfolgte in Kooperation mit der DBF Designbüro Frankfurt Katja Lis, Alexander Lis GbR. Die Rollenverteilung war dabei klar geschnitten.

Workshops

Der gemeinsame Einstieg ins Projekt, mit dem Kunden und dem Designbüro an einem Tisch.

Pagemachine
Informationsarchitektur

Struktur und Navigation für drei Auftritte, die eine gemeinsame Instanz teilen.

Pagemachine
Layout und Wireframes

Die Wireframes, in denen die Barrierefreiheitsaspekte schon berücksichtigt sind.

Pagemachine
Webdesign

Der gemeinsame Einstieg ins Projekt, mit dem Kunden und dem Designbüro an einem Tisch.

DBF Designbüro Frankfurt
Technische Umsetzung

Templates, eigene Content-Elemente, Erweiterungen, Login und Schnittstellen.

Pagemachine
Durchgehend

Beratung und regelmäßige Audits zur Barrierefreiheit.

Sie begleiteten insite.de über alle fünf Stufen hinweg, von der Konzeption bis nach dem Launch — geprüft wurde also nicht einmal zur Abnahme, sondern immer wieder.

Project Alliance GmbH

Technik

Was verbaut ist und warum.

TYPO3 v13
Basis
Trägt alle drei Seiten in einer gemeinsamen Instanz, dazu die Mehrsprachigkeit und die eigenen Datentabellen. Von v9 über v10, v11 und v12 jeweils im laufenden Betrieb weitergezogen.
Eigenes Datenmodell
Klientenverwaltung
Firmenkunden, Vertragsumfänge und Zugriffsrechte direkt im CMS, statt in einem zweiten System neben TYPO3.
Eigene Content-Elemente
Redaktion
Zahlreiche Content-Elemente wurden für insite.de eigens entwickelt.
EXT:news, EXT:tt_address
Inhalte
News umfangreich mit verschiedenen Typen und je eigenen Ausgabe-Templates. tt_address erweitert um Sichtbarkeit und Darstellung in Google Maps.
Localisation Manager
Übersetzung
Export der Inhalte, Übersetzung außerhalb des Systems, Rückimport per XML.
Single Sign-on
Login
Kundenlogin auf meineap.de, angebunden an die Klientenverwaltung. Individuelle Informationen werden anhand der Rechtevergabe angezeigt.
REST-API, Personio-API
Schnittstellen
REST bindet die Mobile-App an die in TYPO3 verwalteten Kundendaten an. Über die Personio-Schnittstelle laufen Stellenanzeigen und Bewerbungen.
Composer, Deployer, CI-Tests
Betrieb
Blue-Green-Deployment ohne Wartungsfenster für die Redaktion. Die bestehende Testabdeckung macht Major-Upgrades planbar.

Fazit

Ein Projekt, das nicht mit dem Launch endete.

Aus Workshops und Informationsarchitektur wurden drei Websites in einer gemeinsamen TYPO3-Instanz: ein Unternehmensauftritt, eine zweisprachige Konzernseite und ein Portal hinter dem Login. Die technische Umsetzung lag vollständig bei uns, das Webdesign beim DBF Designbüro Frankfurt.

Barrierefreiheit war hier keine Endabnahme, sondern eine Anforderung ab der Konzeptionsphase, begleitet von regelmäßigen externen Audits durch die Project Alliance GmbH. Das ist der Teil des Projekts, der sich am schwersten nachrüsten lässt und der deshalb auf diese Referenzseite gehört.

Die Zusammenarbeit läuft seit 2020 ohne Unterbrechung: Migration, ein Relaunch, ein neu gebautes Portal, Schnittstellen und vier Major-Upgrades. Dass das letzte Upgrade auf v13 ein planbarer Vorgang war und kein Risiko, liegt genau daran — bekannte Extension-Landschaft, bestehende Testabdeckung, kein Reverse-Engineering nötig.

Die Websites laufen unter insite.de, eap.de und meineap.de.

Auf einen Blick
Auftraggeber
INSITE-Interventions GmbH
Branche
Healthcare
Zusammenarbeit
seit 2020
Websites
insite.de, eap.de, meineap.de
Sprachen
Deutsch, Englisch
Basis
TYPO3 v13
Design
DBF Designbüro Frankfurt
Audits
Project Alliance GmbH

Ihre Website soll barrierefrei werden, und zwar richtig?

Lassen Sie uns besprechen, welche Grundlagen und Informationen dafür wichtig sind. Vielleicht mit einem Kaffee bei uns.

Sprechen Sie uns an
Kontakt

Wir sind für Sie da.

Frankfurt am Main, persönlich, telefonisch oder per Video.

+49 69 260 99 70 30
[email protected]
FAQ

Was Interessenten uns oft fragen.