Springer Fachmedien
Konzeption und Design einer Veranstaltungsplattform
Die Springer Fachmedien Wiesbaden GmbH veröffentlicht unter dem Namen „Springer Professional“ mehr als 61.000 Bücher und rund 500 Fachzeitschriften aus den Bereichen Wirtschaft und Technik. Der Fachbereich Automotive wird unter anderem durch die Zeitschrift ATZ (Automobiltechnische Zeitschrift – Das Fachmagazin für das technikorientierte Management in der Automobilindustrie) repräsentiert und veranstaltet als ATZlive seit über 15 Jahren hochkarätige Konferenzen und Fachtagungen für Automobil-Ingenieure.
Die Veranstaltungsseite für ATZlive
Die etwas in die Jahre gekommene Seite von ATZlive sollte komplett neu konzipiert und entwickelt werden. Visuell sollte sich der neue Auftritt am Printmagazin orientieren.
Die neue Seite sollte den hohen fachlichen Anspruch der Veranstaltungen widerspiegeln, technisch aktuell und zielgruppengerecht sein und darüber hinaus neue digitale Vermarktungsmöglichkeiten schaffen.
„Mit giinco haben wir eine Digital-Agentur gefunden, die uns strategisch und operativ bei allen technischen Anforderungen hervorragend betreut hat. giinco hat bewiesen, dass Sie jederzeit in der Lage sind, in relativ kurzer Zeit, herausragende Ergebnisse zu erzielen und neue Lösungsansätze zu finden. Beeindruckt hat uns auch die äußerst zuverlässige und professionelle Arbeitsweise sowie die Kreativität, Flexibilität und Effizienz während des gesamten Relaunchs von ATZlive.“
David Czeromin (Product Manager),
Springer Digital Products
Kunde: Springer Fachmedien
Projekt: Mehrsprachige Veranstaltungsplattform
Leistung: Workshops, Konzeption, Wireframing, Design, Backend/Frontend Programmierung, Qualitätsmanagement, Redaktion
Methoden: User Centered, User Stories, Use Cases, Personas, Workshops
Technik: TYPO3, extbase, html, LESS, jQuery
Die Grundlagen schaffen
Von Springer Fachmedien bereits im Vorfeld in User-Stories definierte Anforderungen, mussten strukturell und technisch in ein Gesamtkonzept gebracht werden. Unsere Kunden und deren Projekte wirklich zu verstehen und konzeptionell zu durchdringen ist für uns immer die Basis unserer Vorgehensweise. Daher starteten wir im September 2016 mit mehreren Workshops.
Darauf folgte eine intensive Wireframe-Phase. Alle Funktionen, Zuordnungen, Hierarchien und Customer-Journeys wurden abgebildet. Auch konzeptionelle Erweiterungen wie die Einführung eines Lifecycles für jede einzelne Veranstaltung, von der Terminankündigung bis zur Archivierung wurden erarbeitet und visualisiert.
Planvoll agil
Nach der Freigabe von Teilabschnitten des Wireframes begannen wir zeitgleich mit der Design- und Entwicklungsphase. Parallel begannen wir mit dem Aufbau und der Abstimmung des Datenmodells.
Wir haben das Gesamtkonzept von vornherein auf die umfangreichen Möglichkeiten von TYPO3 ausgelegt. Die Seiten sind eine Mischung aus zahlreichen datengetriebenen Elementen und gleichermaßen manuell betreuten Inhalten. Mit TYPO3 konnten wir diese beiden Komponenten reibungslos miteinander verbinden. Flexibel redaktionierbare Inhalte, ergänzt mit datenbasierten Informationen sind sicher eine Besonderheit dieses Projekts und in dieser Konstellation nur schwer mit anderen Systemen umzusetzen.
Neben der Umsetzung des Datenmodells und dem Aufbau des Backends, war es eines unserer Ziele, schnell zu einem Punkt zu kommen, an dem wir bereits mit der Redaktion, bzw. der Eingabe von Daten beginnen konnten.
Punktlich live
Nach einer zweiwöchigen internen Betaphase erfolgte pünktlich zur ersten Veranstaltung des Jahres im Januar 2017 der Launch der Seite.
Mehr Informationen für Teilnehmer, für Referenten, Aussteller, Sponsoren und natürlich über die Veranstaltung selbst sind die Kernelemente des Relaunchs. Dazu kommt ein deutlich komfortablerer Anmeldeprozess, der individuell für jede Konferenz konfigurierbar ist, sowie die Möglichkeit sich zu registrieren, um nach der Veranstaltung auf geschützte Inhalte zugreifen zu können.
ATZlive.de ist jetzt eine zielgruppengerechte und direktmarketingoptimierte Website, mit Besonderheiten einer Kongressseite. Ein Beispiel ist die integrierte Programmübersicht für jede Konferenz mit allen Einzelvorträgen. Diese funktioniert ebenfalls komplett responsive und bietet so einen bequemen Überblick auf dem Smartphone.
Vor allem aber gibt es jetzt ein Backend, in dem Redakteure gerne arbeiten und was somit dazu beiträgt eine dynamische und immer aktuelle Seite dauerhaft erfolgreich zu machen.
Zusätzliche Veranstaltungsbereiche und responsive Anpassungen
Seit dem Launch der Veranstaltungsplattform für ATZlive im Januar 2017 betreuen wir die Seite stetig weiter. Wir unterstützen bei der Redaktion und entwickeln zusätzliche Features. Das Teilen mit Social-Media Buttons und die Möglichkeit ical-Termine herunter zu laden, wurde seit dem genauso eingeführt wie weitere größere Veränderungen:
Zwei neue Plattformen
ATZlive ist eine Plattform für Veranstaltungen im Automobil-Sektor unseres Kunden, aber auch in den Bereichen Oberflächen und Banken & Versicherungen werden Veranstaltungen organisiert. Auch sie sollten eine Veranstaltungsseite bekommen. Dafür erweiterten wir die ursprüngliche Plattform durch zwei neue Seiten auf Basis der bestehenden Technik. Unsere sogenannten beiden neuen Mandanten erhielten ein neues Farb- und Bildkonzept. Die Inhalte werden somit zielgruppengerecht in angepassten Looks präsentiert. Die Redaktion im Backend ändert sich dadurch kaum und auch die Bedienbarkeit für den Nutzer bleibt wie gewohnt einfach.
Optimierung für Tablets
Zusätzlich wurde die Seite für die auf den Veranstaltungen oft verwendeten Tablets optimiert. Die Besucher können jetzt live das Programm mitverfolgen und sogar vor Ort während der Präsentation schon die Vortragsunterlagen herunterladen. Weitere interaktive Features für noch mehr Interaktion und Komfort auf der Veranstaltung sind bereits in Planung.
Barrierefreiheit: 100 Punkte, 0 Fehler
Eine gewachsene Plattform barrierefrei zu machen ist kein kleiner Schritt und im Detail eine echte Herausforderung.
Wir haben die bestehende ATZlive-Plattform systematisch analysiert, Aufgaben priorisiert und Schritt für Schritt auf WCAG-konformen Stand gebracht. Das Ergebnis für über 90% aller Seiten: 100 Punkte im Lighthouse-Test, null Fehler in den Accessibility-Benchmarks von WAVE und AXE.
Die Plattform ist jetzt rechtskonform und vor allem für alle zugänglich – unabhängig von Einschränkungen oder verwendetem Gerät.
