Zum Inhalt der Seite springen

Digitalisierung der Ulmer Volkshochschule

Client:vh ulm
Leistungen:
Strategische Beratung, Webdesign, TYPO3, TYPO3 Entwicklung
Technologie:
CSS3, TYPO3

Website Relaunch der vh ulm

Die Ulmer Volkshochschule wurde 1946 von Inge Scholl (später Inge Aicher-Scholl), der Schwester von Hans und Sophie Scholl, die durch die Nazis ermordet wurden, gegründet. Der Anspruch war damals wie heute, als neutrale, überparteiliche und offene Institution für die persönliche, interkulturelle sowie qualifizierende Bildung der Bürger in Ulm und in der Region zu fungieren.

In diesem Zusammenhang wurde der vh ulm ein außergewöhnlicher Bildungsauftrag sowie das moralische und politische Erbe der Weißen Rose in die Wiege gelegt. Damit gehört die Ulmer Volkshochschule zusammen mit der 1953, ebenfalls von Inge Aicher-Scholl sowie Otl Aicher und Max Bill gegründeten, international bedeutendsten Hochschule für Gestaltung (HfG) zu einer der prägendsten Einrichtungen der deutschen Nachkriegszeit.

So steht die vh ulm heute, nach wie vor für das Vermächtnis, einer unabhängigen und qualitativen Wissensvermittlung sowie einer Stärkung der demokratischen Gesellschaftsstrukturen und dessen Bildungsverständnisses, ein. Dies beinhaltet insbesondere die „Bildung für alle“, fernab von körperlichen, geschlechtsspezifischen sowie sozialen Aspekten, im Sinne eines professionellen Partners für politische, persönlichkeitsorientierte und berufliche Weiterbildung, welche teilnehmerzentriert lebenslanges Lernen ermöglicht.

Im Rahmen der Zielsetzungen der Ulmer Volkshochschule stand die Schaffung eines modernen digitalen Touchpoints, als ersten Schritt zur Digitalisierung auf der Agenda. Hierbei sollte der Spagat zwischen Geschichte und Moderne sowie die Verwandtschaft zur HfG in der Gestaltung realisiert werden. So war es für die zeroseven design studios eine Ehre und Auszeichnung zugleich, als Agentur ausgewählt zu werden, um die vh ulm ins digitale Zeitalter zu begleiten.

Konzeption und Design ganz im Sinne der „Guten Form“

Den Projektstartschuss zur neuen Website bildete der gemeinsame Brand Interaction Workshop mit allen Fachbereichsleitern der Ulmer Volkshochschule. In diesem wurden alle wichtigen Funktionen erarbeitet sowie die Adaption der Marke für den digitalen Touchpoint definiert. Weiter wurden Use Cases relevanter Zielgruppen beleuchtet sowie mit Insights von Kursteilnehmern abgeglichen.

Anschließend folgte ein Design-Sprint ganz in der Tradition der „Guten Form“, sodass der Design-Anspruch im Hinblick zur Hochschule für Gestaltung umgesetzt werden konnte. Dabei sind die Grundzüge des Webdesigns funktionell und sachlich gehalten. Eine dauerhafte ansprechende Ästhetik wird durch emotionale und authentische Bildwelten sowie den Einsatz eines markanten typografischen Konzepts sichergestellt.

Besondere Herausforderung in der Gestaltung stellten die unterschiedlichen Zielgruppen und deren Ansprache, die Heterogenität der darzustellenden Themen sowie der Anspruch der vh ulm ein authentisches Gesicht zu geben, dar. Durch unterschiedliche Bild- und Interaktionselemente sowie ein performantes Animations-Konzept entwickelten die zeroseven design studios eine klare und strukturierte User-Experience, die dem User einen schnellen Überblick ermöglicht sowie zum Stöbern und Buchen im umfassenden Programm der Bildungseinrichtung einlädt.

TYPO3 CMS als Basis der Web-Entwicklung

Die Entwicklung der neuen Website erfolgte auf Basis des Content-Management-Systems TYPO3. Hier lag das besondere Augenmerk darauf, dass Redakteure mit unterschiedlichen Affinitäten für das Internet, einfach und bequem Inhalte pflegen können, so wie Sie es aus etablierten Office-Anwendungen gewohnt sind.

Hierzu entwickelten die zeroseven design studios verschiedenste Content-Elemente und Extensions, die diesem Anspruch Rechnung tragen. Exemplarisch sei hier das Bildkonzept genannt. So pflegt der Redakteur lediglich ein hochauflösendes Bild, welches von TYPO3 vollautomatisch für unterschiedliche Viewports und Endgeräte gerendert wird. Darüber hinaus erstellt TYPO3 selbstständig aus einem Vollfarbbild, eine Schwarz-Weiß-Version, welche mit einem farbigen Overlay die charakteristischen Hero-Motive bilden. Hierzu werden dem Redakteur im TYPO3 Backend einfache Pflegeelemente an die Hand gegeben, die eine intuitive Content-Erstellung sicherstellen.

Weiter achtete man darauf, dass der Webauftritt möglichst barrierefrei ist. Hierzu wurde insbesondere eine korrekte semantische Auszeichnung realisiert, die es ermöglicht, Elemente von Screen-Readern zu erfassen. Darüber hinaus wurde der Einsatz von Script-Technologien so umgesetzt, dass eine Bedienung der Website durch den User, auch ohne diese möglich ist.

Ein weiteres Highlight stellen die Impressionen auf der Startseite dar. Hierbei werden in einer ci­neas­tischen Anmutung zufällig Bilder aus dem Alltag der vh ulm angezeigt und bei Interaktion des Users hervorgehoben und auf Klick in einer Lightbox dargestellt. Ein endloser Loop um den Facettenreichtum der vh ulm zu betonen.

Integration KuferWEB zur Gestaltung des Checkout-Prozesses sowie Dozenten- und Mitarbeiter-Darstellung

Die Verwaltung der Kurse, Veranstaltungen, Teilnehmer, Dozenten und Mitarbeiter der Ulmer Volkshochschule erfolgt über die Branchen-Verwaltungssoftware Kufer. Diese ist vollständig losgelöst von TYPO3 und basiert auf einer eigenständigen Datenbank sowie Architektur.

Das Layout und Design für die Funktionen aus KuferWEB wurden durch die zeroseven design studios realisiert. Weitere Umsetzungen hinsichtlich der Programmierung der Anbindung von KuferWEB an die Kufer-Verwaltungssoftware erfolgten nicht, da diese heutigen, modernen Webtechnologien zum Zeitpunkt des Relaunches keine Rechnung trugen.

Haben wir Ihr Interesse geweckt und Sie sind neugierig darauf, wie wir Ihr Markenerlebnis inszenieren? Wir freuen uns auf Sie.

Rudolf Moser
Kundenberater

Telefon: +49 731 71 57 32 100
E-Mail: social@zeroseven.de

Rudolf Moser