Mehr Überblick für die Erwachsenenbildung
Website-Relaunch des DIE – Deutsches Institut für Erwachsenenbildung
Das DIE in Bonn ist die zentrale Einrichtung für Wissenschaft, Praxis und Politik der Erwachsenen- und Weiterbildung in Deutschland. Es forscht zum Lernen und Lehren Erwachsener, zu Weiterbildungsorganisationen und zu den Rahmenbedingungen lebenslangen Lernens – und stellt Publikationen, Statistiken, Fachportale und Veranstaltungen für ganz unterschiedliche Zielgruppen bereit. Entsprechend umfangreich war der bisherige Webauftritt.
Unsere Aufgabe: auf Basis des bestehenden Corporate Designs eine Website zu konzipieren und zu gestalten, die möglichst barrierearm ist, Inhalte klar ordnet und Forschende, Lehrende, Presse und Interessierte schnell dorthin bringt, wo sie hinwollen.
Auftraggebende:
DIE – Deutsches Institut für Erwachsenenbildung, Leibniz-Zentrum für Lebenslanges Lernen e.V.
www.die-bonn.de
Branche:
Wissenschaft & Forschung, Bildung
Leistungen:
UX-Konzept, Informationsarchitektur, UI Design, responsive Webdesign, barrierearmes Design
Fotografie:
Sandra Seifen
Viele Wege ins Thema: Die Startseite bietet gleich mehrere Wege in die Inhalte – aktuelle News, Schwerpunktthemen, laufende Projekte, neue Publikationen, die Literaturrecherche und kommende Veranstaltungen. So finden Besuchende mit ganz unterschiedlichen Anliegen direkt ihren Startpunkt, ohne sich erst durch die Navigation arbeiten zu müssen.
Schwerpunkte mit eigenem Zuhause: Neu eingeführt wurden wir die Themenschwerpunkte Alphabetisierung & Grundbildung, Bildungsberichterstattung, Digitalisierung und Professionalisierung. Jeder Schwerpunkt erhält eine eigene Seite, die Forschung, Projekte, Publikationen und Veranstaltungen zum Thema bündelt – abteilungsübergreifend und an einem Ort.
Eine komplexe Website mit tausenden Seiten muss sich nicht kompliziert anfühlen. Stimmt die Struktur, finden alle schnell den eigenen Weg ins Thema.
Suchen. Filtern. Finden. Herzstück des Relaunchs ist die neue Suche. Sie durchsucht die gesamte Website und lässt sich nach Inhaltstypen eingrenzen. Für Projekte und Publikationen haben wir aufwändige Filter konzipiert, die die Literaturrecherche zum echten Werkzeug machen: Kriterien wie Reihe, Erscheinungsjahr, Thema, lassen sich kombinieren, aktive Filter bleiben sichtbar und sind mit einem Klick wieder entfernt. Vorschläge zu aktuellen Themen erleichtern den Einstieg.
Weniger Navigation, mehr Orientierung. Die Hauptnavigation haben wir auf drei klare Bereiche verschlankt: Forschung, Angebot und Institut. Ein großzügiges Mega-Menü mit Teaserbild und kurzer Einordnung gibt schon beim Öffnen Orientierung. Durchdachte Querverweise auf allen Unterseiten haben dafür gesorgt, dass wir die vormals sieben Navigationshierarchien auf drei reduzieren konnten.
Eine barrierearme Gestaltung war kein nachträglicher Prüfpunkt, sondern Grundlage jeder Designentscheidung.
Alles Neue an einem Ort. Pressemitteilungen und allgemeine Nachrichten waren bisher an verschiedenen Stellen zu finden. Der neue Newsroom bündelt beides – mit klarer Kennzeichnung der Formate. Ähnlich bei den Veranstaltungen: Ein übersichtlicher Kalender zeigt alle Termine mit Datum, Ort und Format auf einen Blick, Veranstaltungsreihen werden auf eigenen Übersichtsseiten zusammengefasst.
Für alle zugänglich. Die Website soll unabhängig von Seh-, Lese- oder Bedienvoraussetzungen gut nutzbar sein. Deshalb sind Farbkontraste großzügig bemessen, Schriftgrößen und Zeilenlängen auf entspanntes Lesen ausgelegt und die Fokuszustände für die Bedienung per Tastatur sichtbar. Eine saubere Überschriftenhierarchie unterstützt Screenreader. Kontrastmodus und Einfache Sprache sind direkt im Header erreichbar.
Vertrautes Erscheinungsbild, mehr Luft. Das Corporate Design des DIE mit seinem kräftigen Blau, dem ergänzenden Grün und der DIN als Hausschrift blieb erhalten – wir haben es für den Screen weitergedacht. Großzügige Weißräume, ein ruhiges Raster und klar gegliederte Teaser-Module geben den Inhalten deutlich mehr Raum. Das Ergebnis: ein aufgeräumter Auftritt, der wissenschaftliche Seriosität ausstrahlt und trotzdem einladend wirkt.
