Schumacher ist ein innovationsgetriebenes Unternehmen für Verpackungen, das seinen Kunden durch optimale Verpackungslösungen strategische Wettbewerbsvorteile eröffnet. Der digitale Auftritt sollte diesem Anspruch gerecht werden und das Unternehmen auch digital als innovativen Lösungsanbieter präsentieren. Da Schumacher europaweit tätig ist, auch in mehreren Sprachen. Basis der Website sollte das aus bisher bereits genutzte CMS TYPO3 bleiben.

Uns ging es zunächst darum, eine einheitliche, kommunikative und gestalterische Klammer zu entwickeln, die das Thema Innovation auch visuell transportiert. Entstanden sind lichtdurchflutete Zukunftsräume, die Schumacher für seine Kunden eröffnet. Innerhalb dieser Zukunftsräume sind dann thematisch individuelle Inszenierungen möglich.

Für die Startseite entwickelten wir eine Animation, die Video und Scrolling kombiniert. Das scrollbare Introvideo bildet Themen ab, die für Schumacher aktuell wichtig sind. Dafür wurden zentrale Objekte und Elemente von uns in 3D nachgebaut und in After-Effects mit entsprechenden Licht- und Farbeffekten animiert.

Für die mehrsprachigen Übersetzungen wurde eine zusätzliche Extension installiert, die den Export der Texte in einem strukturierten Format ermöglicht. Dieses kann von der Übersetzungsagentur in ihr CAT-Tool importiert werden. Die übersetzten Texte können dann ohne großen manuelle Aufwand wieder in TYPO3 re-importiert werden, wo automatisch die Übersetzungen angelegt werden.

Die Website basiert auf bewährten TYPO3-Modulen. Für Schumacher wurden diese Module nach einer gemeinsamen Anforderungsanalyse individuell angepasst. Darüber hinaus wurden für verschiedene Anwendungsfälle mehrere neue Module entwickelt und zusätzliche Einblendanimationen für alle Module ergänzt.

Eine spannende, technische Aufgabe war die Steuerung des Introvideos per Scrolling bzw. Swipen. Das Video sollte nicht einfach über einen Player abgespielt werden, sondern die Videosteuerung sollte sich wie natives Browserscrolling anfühlen. Dafür haben wir Video und HTML-Elemente miteinander kombiniert: Über den Scrollfortschritt des Videos wird das Ein- und Ausblenden von Textelementen und Buttons angesteuert.