Mit 20.000 Mitarbeitern und über 1.500 Filialen ist der Drogeriemarkt Rossmann eine der größten und wachstumsstärksten Drogerieketten Deutschlands. Im Internet fehlte aber bislang eine entsprechende Repräsentation des Filialgeschäfts und der Dirk Rossmann GmbH an sich.

Dementsprechend große Erwartungen hatte das Unternehmen an das Projekt: Die Seite sollte alle wichtigen Zielgruppen, vom Kunden bis zum zukünftigen Mitarbeiter, ansprechen und auch das große Portfolio der Rossmann Qualitätsmarken in vollem Umfang präsentieren. Für die wichtigen Bereiche Karriere, Presse und Babywelt wurden eigene Portale innerhalb der Seite geschaffen, um Besucher zielgerichtet zu informieren.

Für Rossmann war bei der Wahl eines geeigneten CMS besonders wichtig, dass es durch eine offene Architektur die Anbindung an bestehende Systeme erlaubt. Der verbreitete Einsatz, die große Entwicklergemeinde sowie eine aktive und professionelle Community sprachen dabei eindeutig für TYPO3. Und auch für einen weiteren Ausbau der Seite bietet das System Funktionen für den mehrsprachigen Einsatz.

Das Gesamtprojekt vergab Rossmann an die Agenturen wow.biz zur Konzeption und Gestaltung sowie an networkteam zur technischen Beratung und Realisierung in TYPO3. Die einzelnen Bereiche verwaltet der Drogeriemarkt in unterschiedlichen Projektteams, jedoch konnte die Kommunikation mit den Agenturen durch Susann Heincke als zentrale Projektleiterin effizient gestaltet werden. Entscheidungen mussten aber trotzdem rechtzeitig getroffen werden, da in vielen Fällen ein längerer Abstimmungsprozess notwendig war.

Schon während der Konzeption wurde networkteam zur technischen Beratung hinzugezogen, um eine möglichst reibungslose Umsetzung in TYPO3 zu gewährleisten. Durch Wireframes konnte die Umsetzung der wichtigsten Bereiche schon vorab geplant werden und die Entwicklung vor Fertigstellung des endgültigen Designs beginnen. Nach der Gestaltung und Freigabe bei Rossmann setzte networkteam die notwendigen Entwicklungen um.

Eine eigene TYPO3-Installation zwischen den lokalen Installationen der Entwickler und dem Live-System diente als so genanntes Integrationssystem. Änderungen wurden vorab in diesem System getestet und von den jeweiligen Projektteams freigegeben. Für alle Mitarbeiter wurde bei networkteam ein zusätzliches System eingerichtet, auf welchem gemeinsam Änderungen an den Stylesheets, Templates und der TYPO3-Konfiguration (TypoScript etc.) vorgenommen wurden. Zur Verwaltung der Änderungen benutzten sämtliche Mitarbeiter SVN zur Versionierung der Dateien. Aus diesem Grund wurden alle wichtigen Dateien, inklusive der Templates, JavaScript- und CSS-Dateien sowie Grafiken in Extensions organisiert. Eine neue TYPO3-Installation mit den benötigten Daten kann so bereits in wenigen Minuten aufgebaut werden.

Die Vorstellungen des Auftraggebers erforderten eine Menge Anpassungen und individuelle Entwicklung: Für die Kernfunktionen der Qualitätsmarken und den Karrierebereich war eine Anbindung an externe Systeme über unterschiedliche Schnittstellen für den Import und Abgleich von Daten notwendig. Eine seitenübergreifende Suche sollte die Daten aus allen Bereichen integrieren und spezifisch darstellen. Die Seite sollte im eigenen Rechenzentrum gehostet und zur Ausfallsicherheit und Lastverteilung in einem Cluster betrieben werden.

Die wohl größte Aufgabe bestand in der Beratung zur Anbindung externer Systeme und bestehender Plattformen, etwa an ein Bewerber-Management-System im Karrierebereich. Zusammen mit diversen Dienstleistern und der IT von Rossmann wurde unter anderem an der Anbindung an ein internes System zur Verwaltung der Qualitätsmarken, Artikel, Kategorien und Produkteigenschaften gearbeitet. Über mehrere XML-Schnittstellen importiert und gleicht das System die Daten hier ab. Die Abbildungen und Auszeichnungen der Artikel importierte das Team aus einer Mediendatenbank, die Rossmann zur zentralen Verwaltung einsetzt. Mittels einer Integration in den TYPO3-integrierten Scheduler können Importe flexibel über TYPO3 verwaltet und überwacht werden.

Spezifische Layouts, auf Basis eines gemeinsamen Designs, garantieren den einzelnen Unterbereichen der Seite einen eigenständigen Charakter. Die Herausforderung bei der Implementierung mit TemplaVoilà aber bestand in einem möglichst einheitlichen Ansatz. Dieser sollte die diversen Elemente der Seite mit wiederverwendbaren, flexiblen Inhaltselementen abbilden. Dafür wurden einige universell einsetzbare Inhaltselemente erstellt, die ein Redakteur individuell konfigurieren und an unterschiedlichen Orten einsetzen kann. Je nach Auswahl des Typs kann eine Box so etwa einmal mit Hintergrund und Schatten und einmal mit abgerundeten Ecken angelegt werden. Dabei wurde die Anzahl der Seitentemplates bewusst klein gehalten, denn mit flexiblen Inhaltselementen lassen sich die Layouts in TYPO3 im Nachhinein einfacher ändern.

Da für viele Funktionen eine Anpassung oder Neuentwicklung von Extensions notwendig war, wurde von networkteam schon zu Beginn die Entwicklung im Frontend komplett auf Extbase und Fluid festgelegt. Die Vorteile etwa beim Templating mit Fluid liegen auf der Hand: Gerade bei anspruchsvollen Layouts stehen dem anfangs höheren Entwicklungsaufwand zusätzliche Funktionen gegenüber, die die Entwickler von vielen Anpassungsarbeiten bei der Integration von Templates befreien. Durch die eingebauten Sicherheitsfunktionen war es zudem wesentlich einfacher, Sicherheitslücken durch unvorsichtiges Programmieren zu vermeiden.

Das Konzept einer übergreifenden Volltext-Suche mit Integration verschiedenster Datensätze erforderte eine spezielle Implementierung der Suche. Der Such-Server Apache Solr [1] konnte mit seinen Features alle Anforderungen abdecken und überzeugte durch die performante Auslegung und flexible Einsatzfähigkeit.

Für diesen speziellen Anwendungsfall erwies sich die frei verfügbare Solr-Extension leider als zu unflexibel. Aufgrund des konsequenten Einsatzes von Extbase und Fluid sowie zusätzlicher Anforderungen bei der Indexierung von Daten aus den Importen wurde hier eine eigene, maßgeschneiderte Extension entwickelt. Mit den entwickelten Komponenten für die Suche konnten auch zusätzliche Anforderungen mit Solr implementiert werden. So etwa der interaktive Produktselektor, der durch das Zwischenspeichern von Daten in Solr effizient und performant arbeitet. Mit den guten Erfahrungen im Produktselektor wurden dann auch weitere Extensions wie die Presse-Downloads und die Stellenbörse mit einer Filterfunktion in Solr aufgebaut. Das Indexieren der Datensätze erfolgt dabei automatisch durch das integrierte Import-Framework sowie bei Änderungen eines Redakteurs im TYPO3-Backend.

Die neue Website vereint alle gesetzten Ziele und wurde in einem knappen Zeitplan umgesetzt. Bereits in den ersten Tagen nach dem Start stieß die Seite auf positive Rückmeldungen seitens der Besucher. Durch das Cluster-System und die Optimierung der dynamischen Funktionen (Solr und Caching) konnte die Seite auch in Spitzenzeiten schnell ausgeliefert werden.