Webdesign für Hochschulen
Webportal für offene Bildungsressourcen in Baden-Württemberg
ZOERR ist das zentrale Repositorium für offene Bildungsressourcen aller Hochschulen in Baden-Württemberg. Das neue Webportal macht das landesweite Angebot sichtbar und seinen Nutzen greifbar. Das frische und benutzerfreundliche Design lädt dazu ein, Open Educational Resources aktiv zu nutzen, zu teilen und gemeinsam weiterzuentwickeln.
- Mit neuem modernen Webdesign Design Sichtbarkeit stärken
- Den Nutzen und Mehrwert des Repositoriums klar kommunizieren
- Die Community stärken und zum Entdecken und Mitmachen anregen
Danke für die Unterstützung und die Zusammenarbeit!
Wir hätten uns keine bessere Betreuung wünschen können und fühlten uns zu jeder Zeit sehr gut aufgehoben.
Vorteile & Leistungen
Mit neuem Webdesign begeistern
Die Community ansprechen durch ein Corporate und Web-Design, mit dem sie sich identifizieren.
Nutzen & Mehrwert vermitteln
Über direkte Einstiege relevante Informationen zum Repositorium schnell und einfach zugänglich machen.
Zum Entdecken und Mitmachen anregen
Durch aktivierende Elemente zum selbst Hochladen und Erkunden animieren.
Modernes WebDesign
Mit neuem attraktiven Webportal ansprechen
ZOERR steht inhaltlich für zukunftsgerichtete Themen im Bildungsbereich. Ziel des Relaunches war es, diesen Anspruch auch im Webdesign konsequent widerzuspiegeln und zugleich den professionellen Außenauftritt auch international zu stärken.
Unsere Seite sollte „mehr können“ und damit attraktiv sein und nicht nur als Sprungbrett zur OER-Plattform dienen.
Ein ansprechendes und intuitives Webdesign auch für mobile Endgeräte, ist das Ergebnis. Das Webdesign hat einen Workshop- und Lerncharakter bekommen durch Post-it-Elemente und unterstrichene Headlines. Es illustriert das Repositorium als hilfreiches Werkzeug in der täglichen Arbeit im Bildungsbereich sehr gut. KI-Bilder und -Filme unterstützen die Qualität der Kommunikation zusätzlich. Das neue Webportal ist übersichtlich und barrierearm und bietet ausreichend Entwicklungspotential, um mit ZOERR zu wachsen.
Aktivierung der Community
Ein zentrales Anliegen des Relaunches war es, die Community rund um ZOERR zu stärken. Aus der Community selbst kam der Wunsch nach einer übersichtlicheren Website, die Inhalte klar strukturiert darstellt und zum Teilen und Weitergeben einlädt. Das neue Webdesign ist attraktiv und die Seite wird bereits aktiv von Mitarbeitenden und Multiplikator:innen an den Hochschulen genutzt.
Das Webdesign aktiviert durch Elemente wie
- ein starker, ansprechender Header-Bereich mit aktivierendem Film
- verschiedene Einstiege, die zum Entdecken animieren
- eine Karte mit den Hochschulen
- ein News Feed
- ein Veranstaltungskalender
- und eine Social Wall (aktuell in Bearbeitung)
Mit dem neu eingerichteten Community-Bereich wurde zudem eine Grundlage geschaffen, um die Vernetzung der beteiligten Hochschulen künftig weiter auszubauen. Erste Rückmeldungen aus der Community sind sehr positiv.
Bewegte Bilder
Ein wirksames Mittel zur Aktivierung der Website-Besucher sind Filme. Der Film im Header lässt die Seite nicht nur dynamisch und lebendig wirken, sondern ist ein echter Eye-Catcher: Er erweckt die Aufmerksamkeit und Emotionen des Besuchers. Das Storytelling des Films gibt einen abstrakten Einblick zum Wesen und Nutzen des Webportals.
Mit der Hilfe von KI ließen wir einen Film eigens für ZOERR erstellen. Leitmotiv stellen antike Büsten dar, die Bildung und Wissen symbolisieren. Der Stil des Films und das Leitmotiv ziehen sich wie ein roter Faden durch die gesamte Bildwelt des neuen Webportals – und rundet das Webdesign optimal ab.
Veranstaltungskalender und News Feed
Durch den neuen Veranstaltungskalender und den News Feed, sind anstehende Veranstaltungen und Aktuelles um einiges präsenter und übersichtlicher. Es ist einfacher sich über baldige Events zu informieren, diese einzuplanen und sogar mit anderen Nutzern zu teilen – sie werden bereits nachweislich häufiger geklickt.
In der zweiten Phase entwickelt sich dieser sogar noch interaktiver: Der Community wird es dann sogar möglich sein, selbst Veranstaltungen einzutragen – diese müssen vom ZOERR-Team nur noch bestätigt werden und sind dann direkt öffentlich zugänglich. Dies steigert nicht nur die Aktivierung der Community sondern auch die Effizienz bei der Veranstaltungspflege – das Team spart Zeit bei der Erstellung neuer Veranstaltungen. Schon jetzt ist die Erstellung von Veranstaltungen und News um einiges leichter für die Mitarbeiter als zuvor.
Modernisierung des Corporate Design
„ZOERR ist jetzt cool und sexy“
Ursprünglich sollte sich das Webdesign an das alte Corporate Design anlehnen. Doch im Projektverlauf entschieden wir uns spontan, gemeinsam das Corporate Design inklusive des Logos zu modernisieren. Das neue ZOERR ist jetzt „cool und sexy“ – Es verbindet „alte Elemente“, mit der Kommunikation des Innovationswillen und der „The Länd“-Farbe.
Unser Highlight: Dass wir eine neues Corporate Design entwickeln konnten, das wir auch für unsere Printmaterialien und Präsentation weiterverwenden können – und sehr gern tun.
Neues Logo, neue Möglichkeiten
Die Loslösung vom bisherigen Logo war keineswegs leicht. ZOERR ist mit diesem Logo gewachsen, und das Team identifizierte sich stark damit. Jedoch erwies sich das am alten Logo orientierte Webdesign als nicht modern genug. Denn der gestalterische Spielraum und die Weiterentwicklung des Designs waren zunächst begrenzt.
Auf Empfehlung der visual4-Designer fiel schließlich die Entscheidung für eine spontane Überarbeitung des Logos. Diese eröffnete vollkommen neue Möglichkeiten und Ideen – Darauf aufbauend entwickelten wir ein neues, stimmiges Corporate Design.
Dabei wurde das Logo nicht vollständig neu gedacht. Prägende Elemente wie der Löwe und die Dreiecke führten wir in modernisierter Form weiter. Auch die farbige Hervorhebung von „OER“ fassten wir gestalterisch neu. Die Schrift und Gestaltung der Elemente entwickelten sich insgesamt wesentlich kantiger – weg von organisch-abgerundeten Formen, hin zu einer klaren, digitalen Anmutung.
Die Idee mit den Textmarkern, den Post-its und den Signalfarben eröffnet uns eine ganze Bandbreite an kreativen Möglichkeiten im studentischen/ universitären Lehrkontext.
Die Farbwelt angelehnt an „The Länd“
Die bisherigen Farben von ZOERR waren an dem Corporate Design des Land Baden-Württembergs angelehnt. Jedoch ist das Land „weitermarschiert“, hat sein CD weiterentwickelt und die Verbindung zum Baden-Württemberg CD ging verloren.
Die Erneuerung des ZOERR-Logos und -CD ermöglichte es wieder einen deutlichen Bezug zum Land BW herzustellen. Bewusst wurde sich daher für den Einsatz des prägnanten „The-Länd“-Neongelbs entschieden, um ZOERR eindeutig als Landesdienst zu kommunizieren.
Ergänzend zum BW-Gelb, setzt das neue ZOERR-CD allerdings noch weitere eigene Farbakzente ein: Mit der zusätzlichen Verwendung von Cyan und Magenta betont ZOERR bewusst auch seine Eigenständigkeit und Einzigartigkeit.
Aus unserer Sicht eine runde und tolle Sache! – Bisher keine einzige negative Rückmeldung: Alle sind angetan.
Was sagt die Community zu dem neuen CD und der Farbwelt? – Sie reagiert begeistert. Das Neongelb ist genau die Art von Eye-Catcher, die sie gesucht hat. Dennoch wird es noch etwas Zeit beanspruchen, bis sich jeder an die Veränderung gewöhnt hat.
Konzeption des Website Relaunches
Gemeinsames Weiterdenken in ideenreicher Zusammenarbeit
Ein erfolgreiches und zufriedenstellendes Ergebnis setzt meist auch eine gute Zusammenarbeit voraus. Diese verlief kreativ und inspirierend für beide Seiten. Durch eine Arbeitsweise mit Workshop- und Design-Thinking-Charakter konnten neue Ideen wachsen. Auf Augenhöhe und mit hoher Offenheit gegenüber neuen Ansätzen wurden mutige Entscheidungen getroffen.
Das Projekt wurde in seinem Verlauf größer und wir mutiger.
Ein wachsendes Projekt
Das Projekt wurde schrittweise größer, als ursprünglich geplant. „So viel Änderung wie nötig, bei gleichzeitig so wenig Änderung wie möglich“ war zu Beginn das Motto – das jedoch im Verlauf über den Haufen geworfen wurde.
Die Wünsche der Community waren von Beginn an besonders vielfältig – um diese optimal unter einen Hut zu bringen, mussten tiefergreifendere Änderungen vorgenommen werden. Durch den Mut zur Veränderung und den gemeinsamen Austausch konnte schließlich eine „umfassende Schnittmenge“ entwickelt werden. Diese kommt einerseits den Bedürfnissen der Community entgegen und wappnet andererseits ZOERR für erwartete zukünftige Entwicklungen in der Hochschullandschaft.
Wir sind sehr stolz und zufrieden mit dem Ergebnis. Wir wissen, dass bei uns viele Köche am Werk waren und daher Abläufe einerseits mit viel Feingefühl, andererseits mit klarem Plan begleitet werden mussten. Diesen Spagat hat visual4 mühelos geschafft.
Ein gegenseitiges Bälle Zuwerfen
Die Zusammenarbeit gestaltete sich durch gegenseitige Inspiration – nur so konnten in der Konzeptionsphase mutig Ideen weitergesponnen werden. Das visual4-Team nahm die Zusammenarbeit als „Gegenseitiges Bälle Zuwerfen“ wahr – ZOERR beschrieb die Konzeption als Ideen, „die wechselseitig Früchte getragen haben“. Aufgrund der sehr offenen, mutigen und vertrauensvollen Basis fanden wir gemeinsam die bestmögliche Lösung für alle Parteien.
Über das ZOERR
Das »Zentrale Repositorium für Open Educational Resources« (ZOERR) wurde 2017 von der Universitätsbibliothek Tübingen im Rahmen des »Hochschulnetzwerks Digitalisierung in der Lehre Baden-Württemberg« (HND-BW) aufgebaut – gefördert vom Ministerium für Wissenschaft und Kunst. Als zentrale Plattform für offene Bildungsressourcen steht es allen Hochschulen des Landes sowie deren Partnern offen und lädt auch Hochschulen deutschlandweit zur Beteiligung ein. ZOERR ermöglicht die Publikation, den Austausch und die Weiterentwicklung offener Lehr- und Lernmaterialien und setzt zugleich Impulse für zukunftsorientierte Hochschullehre.
Benutzerfreundliche Bearbeitung
Einfache Pflege im WordPress
Die Bearbeitung des alten Webportals war komplex und schwierig – sie konnte nur vom IT-Admin vorgenommen werden. Ein klares Ziel des Projekts war eine einfache und schnelle Pflege der Inhalte für die Redakteure.
Mit dem Website Relaunch wurde auch dieses Ziel erreicht: Momentan übernehmen die Pflege und Redaktion im WordPress drei Mitarbeiter:innen. Die Betreuung der Seite und die Einstellung neuer Inhalte ist einfach und wenig zeitintensiv. Der IT-Admin wird dadurch entlastet und kann sich um das Hosting kümmern. Auf diese Weise wird die Arbeitseffizienz erhöht.
Durch den Relaunch bietet die neue Seite insgesamt mehr Gestaltungsmöglichkeiten für die Redakteure. Durch das alte Design noch begrenzt, hält jetzt das neue Webdesign Entwicklungspotential offen für weitere Inhaltstypen. Das ZOERR-Team freut sich über neue Formate und arbeitet fleißig an einem Content-Plan für 2026, der die Möglichkeiten sinnvoll ausschöpft.
Suchen Sie nach Lösungen? Wir haben sie!
Website Relaunch für digitale Begeisterungsstürme
Unternehmenswebsite erstellen
Self-Service-Portal
Team
Jetzt beraten lassen
Sie haben Interesse an einer Website? Wir
beraten Sie gerne!
Dennis Seid
Web-Accessibilty Expert
Juliana Baatzsch
Walter Sindlinger
Digital Architect
Managing Director
Weitere Projekte
Digitales Eventmanagement für die Medienkompetenztage BW
Microsite Marketing mit WordPress
Zertifikate
