INIT SE
Relaunch für einen Global Player aus der Nachbarschaft
Anforderung
Als weltweit führender Anbieter von IT-Lösungen für den öffentlichen Nahverkehr gestaltet das börsennotierte Unternehmen INIT SE von Karlsruhe aus die weltweite Zukunft der Mobilität mit. Diesem Anspruch sollte auch die neue, mobil optimierte Website gerecht werden. Im Zentrum sollte dabei vor allem der schnelle und unkomplizierte Zugang zu den für den Leser relevanten Informationen stehen.
Lösung Konzept
Bei der Entwicklung stand die Perspektive der Nutzer im Mittelpunkt. Im Rahmen eines internationalen Workshops wurden zunächst unterschiedliche Nutzergruppen, ihr Informationsbedarf und ihre Anforderungen an die Seite beleuchtet und erfasst. In der Diskussion stellte sich schnell heraus, dass ein zentraler Artikelpool sinnvoll ist, der sich nach verschiedenen Kriterien inhaltlich filtern lässt.
Diese „Knowledge Database“ stellt eine der zentralen Anwendungen der neuen Seite dar und soll dank des CMS für verschiedene Stakeholder im Unternehmen ein Instrument werden, um permanent mit überschaubarem Aufwand neue Inhalte zu publizieren.
Realisiert wurde die Seite auf Basis des NB-TYPO3-Baukastens. Dabei wurden bewährte Module gemäß den definierten Anforderungen angepasst und neue Module, wie die Knowledge Database, mit Hilfe von Wireframes und Klickdummys modelliert.
Der TYPO3-Baukasten ermöglicht das Erstellen von Contentseiten nach dem Lego-Prinzip. Dabei werden einfach die benötigten Module übereinander gestapelt.
Lösung Design
Der neue Auftritt soll Größe zeigen, auch im Design. Es entstand ein Screendesign mit großzügigen Gestaltungselementen und klarer Typografie, was auch der Darstellung auf mobilen Geräten zugute kommt.
Das bestehende Corporate Design wurde dabei gemeinsam mit den Mitarbeitern von INIT für digitale Anwendungen weiterentwickelt. Die Module wurden individuell gestaltet und an die Anforderungen des Kunden angepasst. Das bislang statische Keyvisual „Future of Mobility“ wurde von uns mit Animationseffekten aufgewertet.
Ebenfalls im Rahmen des Webdesigns entstanden, gemeinsam mit der Grafikabteilung des Unternehmens, neue Iconsets zu Visualisierung von Kategorie- und Content-Typen.
Lösung Technik
Realisiert wurde die Seite mit dem aktuellen TYPO3 8.7.1 LTS. Für das Knowledge Database Modul wurde eine extrem flexible TYPO3-Extension entwickelt, die auf der Site jetzt auch die Darstellung von News-Teasern, Project-Tiles und anderen filterbaren Inhalten steuert. Um die Filterfunktion möglichst performant zu gestalten, wurde eine Kombination aus Javascript-Filterung mit Lazy Loading umgesetzt.
Ergebnis: Die Corporate Website wurde zu einem modernen, lebendigen Werkzeug weiterentwickelt, das auch visuell die „Future of Mobility“ repräsentiert.
