Industrie- und Handelskammern

Die IHK Würzburg-Schweinfurt und das IHK-Bildungszentrum Dresden standen vor der Herausforderung, historisch gewachsene Websites mit umfangreichen Inhalten, komplexen Bildungsangeboten und heterogenen Zielgruppen strukturell zu überarbeiten und an aktuelle Anforderungen anzupassen. Beide Institutionen benötigten zukunftsfähige Plattformen, die sowohl redaktionell effizient zu pflegen sind als auch den aktuellen Anforderungen an Nutzerfreundlichkeit, Barrierefreiheit und technologische Standards entsprechen.

Im Rahmen der Zusammenarbeit wurden die bestehenden Strukturen analysiert, verschlankt und in klare, nutzerorientierte Informationsarchitekturen überführt. Neue digitale Markenbilder, eine konsistente User Experience sowie modulare CMS-Lösungen sorgen nun für mehr Übersicht, bessere Zugänglichkeit und eine deutlich modernere Online-Präsenz.

Kunde
IHK Würzburg-Schweinfurt, IHK-Bildungszentrum Dresden gGmbH

Auftrag
Websites, Webportale

Services
Digitalstrategie, Digital Branding, User Research, Design Konzeption, UI & UX Design, Umsetzung in TYPO3, Schnittstellenanbindung, Beratung, Schulungen & Workshops

Partner
Materna TMT GmbH

"Jede Phase des Projekts war geprägt von konstruktivem Austausch, innovativen Ideen und einer lösungsorientierten Herangehensweise. Das Ergebnis spricht für sich - eine Website, die unsere Erwartungen nicht nur erfüllt, sondern übertroffen hat."

S. Klunker, Geschäftsführer des IHK-Bildungszentrums Dresden

Digitale Identität für zukunftsorientierte Institutionen

Die neuen Webauftritte übersetzen die Markenidentität der Institutionen in ein konsistentes, visuell klar definiertes Designsystem. Ziel war es, eine Gestaltung zu entwickeln, die Seriosität, Verlässlichkeit und Professionalität vermittelt – und diese mit einer zeitgemäßen, flexiblen Formsprache verbindet. Für das IHK-Bildungszentrum Dresden haben wir ein digitales Erscheinungsbild konzipiert, das sich am Leitmotiv der „Bildungsbausteine“ orientiert. Farbige Flächen dienen dabei als strukturelle Elemente, die das vielfältige Bildungsangebot modular abbilden. Überlagernde Formen und fein abgestimmte Interaktionseffekte verleihen dem Gesamtbild eine zeitgemäße Dynamik, ohne die gestalterische Klarheit zu beeinträchtigen.

Das daraus entwickelte Designsystem bildet eine tragfähige Grundlage für die digitale Kommunikation der Institution. Es sorgt für visuelle Kohärenz über verschiedene Kanäle hinweg und schafft zugleich die notwendige Flexibilität, um auf unterschiedliche Inhalte, Zielgruppen und zukünftige Anforderungen adaptiv reagieren zu können.

Flexibel im Einsatz, stark in der Wirkung, konsistent im Look
Ein Design, das sich anpasst – ohne sich zu verbiegen. Das modulare Pflegekonzept bildet die Grundlage für eine flexible und vielseitige Gestaltung der Websites. Durch den Einsatz einzelner, klar definierter Komponenten lässt sich die Struktur einer Seite auf den Content optimieren, ohne dabei an Konsistenz und Qualität zu verlieren. Hinterlegt ist ein intelligentes Regelwerk, das beispielsweise für die automatische Anpassung von Hintergrundfarben sorgt. Dadurch wird gewährleistet, dass das Design stets harmonisch und professionell wirkt – unabhängig davon, welche Felder oder Module befüllt sind.

Vielfältige Zielgruppen

Vom Azubi bis zum CEO – der Relaunch der IHK Würzburg-Schweinfurt und des IHK-Bildungszentrums verlangte ein Interface, das mit Vielfalt umgehen kann. Unser Ziel: eine User Experience, die nicht überfordert, sondern gezielt führt. Für mittelständische Entscheider:innen heißt das: schneller Zugang zu relevanten Services, klar gegliederte Inhalte, eine Tonalität auf Augenhöhe. Für junge Zielgruppen: intuitive Navigation, reduzierte Komplexität, digitale Ansprache ohne Amtsdeutsch. Dafür haben wir Zielgruppen analysiert, Personas entwickelt und das UX-Konzept von Grund auf neu gedacht.

Schlankes Navigationskonzept

Aus der Zielgruppenanalyse entstand eine klare, nutzerzentrierte Seitenstruktur. Sie bietet schnelle Einstiege, führt gezielt zu relevanten Inhalten – ohne Umwege. Eine präzise Volltextsuche und eine schlanke Navigation sorgen für Orientierung, Effizienz und Tempo.

Weiterbildung leicht gemacht

Die Buchung von IHK-Seminaren wurde radikal vereinfacht – mit nutzerzentriertem Design, intuitiver Oberfläche und einer optimierten TYPO3-Suche, die Website-Inhalte und Veranstaltungen durchsuchbar macht. Strukturierte Übersichten und klare Detailseiten liefern alle Informationen zu den Veranstaltungen auf einen Blick. Auch die Buchungsprozesse wurden verschlankt, an die realen Nutzerbedürfnisse angepasst – inklusive Förderung und Teilnehmendenverwaltung und automatisierten Workflows. Kurz: Weniger Aufwand. Mehr Weiterbildung.

Umsetzung in TYPO3

Für die IHK Würzburg-Schweinfurt und das Bildungszentrum Dresden hat unser Team ein TYPO3-Setup entwickelt, das visuelle Komplexität in redaktionelle Einfachheit überführt. Auf Basis von TYPO3 wurde ein modulares System entwickelt, das das komplexe „Baustein“-Design des Corporate Interfaces in ein strukturiertes, redaktionell steuerbares Framework überführt.

Zentral war dabei die Entwicklung individueller CMS-Komponenten, die ein fein austariertes Verhältnis zwischen gestalterischer Freiheit und Systemlogik ermöglichen. Das Backend unterstützt variabel kombinierbare Inhalte, begrenzt durch typografische und farbliche Logiken, die den Gestaltungsrahmen sichern.

Alle Module folgen einer definierten Anordnungssystematik, die das visuelle Gleichgewicht auch bei redaktioneller Vielfalt wahrt.
Die TYPO3-Architektur ist nicht nur modular, sondern auch tief vernetzt. News, Stellenanzeigen, Kursbuchungen: alles läuft datenbankgestützt, über spezifisch angepasste Inhaltsobjekte. Besonders präzise: die Integration von CARUSO (Materna) für den Veranstaltungsbereich – ohne dass Nutzer:innen den Systemwechsel bemerken.

Barrierearmes Design & Umsetzung

Zugänglichkeit war von Beginn an integraler Bestandteil – im Design wie im Code. Hohe Kontraste, gut lesbare Typografie und eine klare visuelle Seitenstruktur sichern optimale Lesbarkeit auf allen Endgeräten. Die technische Basis folgt den WCAG-Richtlinien: Semantisch korrekte HTML-Strukturen, präzise ARIA-Labels und vollständige Screenreader-Kompatibilität. Auch ohne Maus bleibt alles erreichbar: Dank optimierter Tastatursteuerung ist die Website vollständig bedienbar – Formulare ausfüllen, Inhalte erreichen, durch Seiten navigieren – ganz ohne Einschränkungen.

Einheitliche Datenbasis für diverse News

Basierend auf einem einheitlichen Datenmodell werden drei unterschiedliche Nachrichtenkategorien verwaltet - allgemeine Nachrichten mit Vorschau auf der Startseite, Social-Media-News und Terminankündigungen. Jede dieser Kategorien ist im Newsroom optisch unterschiedlich aufbereitet, um die jeweilige Zielgruppe gezielt anzusprechen. Nutzer:innen können bequem durch Schlagwortfilter, eine Freitextsuche und eine Sortierfunktion nach Datum navigieren. Die Detailseiten bieten eine umfassende Medieneinbindung, die Bilder, Galerien und Videos unterstützt. Zudem wurde eine Social Sharing Funktion integriert, um die Reichweite und Interaktivität zu erhöhen.

Datenbankbasierte Verwaltung von Stellenausschreibungen

Für das Karriereportal wurden neben speziellen CMS-Modulen zur Darstellung wichtiger Inhalte auch spezielle Bewerbungsformulare angelegt sowie Datenmodelle zur Stellenanzeigenverwaltung. Die Stellenanzeigen werden als separate Datensätze gepflegt, was eine strukturierte und skalierbare Datenverwaltung ermöglicht.

Eine optisch einheitliche und übersichtliche Darstellung der Anzeigen wird durch die Ausgabe im Akkordeon-Format erreicht, das den Nutzern eine klare und leicht navigierbare Übersicht bietet.

Eine weitere Herausforderung bestand darin, eine Sofortbewerbungsfunktion zu integrieren, die durch die automatische Verknüpfung der Stellenanzeigen mit einem Bewerbungsformular realisiert wurde. Dies ermöglicht es den Bewerbenden, sich direkt und unkompliziert auf die ausgeschriebenen Stellen zu bewerben. Zusätzlich werden alle Bewerbungen nicht nur als E-Mail versendet, sondern auch in einem geschützten Bereich innerhalb von TYPO3 gespeichert, was eine sichere und zentrale Verwaltung der Bewerberdaten ermöglicht. Besonders anzumerken ist der Bewerbungsprozess zur Aufnahme in den Dozentenpool: Das hier angebundene, komplexe, mehrstufige Bewerbungsformular ist so umgesetzt, dass es komplett durch eine:n TYPO3 Redakteur:in bearbeitbar ist.

Workshops & Schulungen

Workshop zur redaktionellen TYPO3-Pflege
In einem TYPO3-Workshop führten wir die Teilnehmenden in die grundlegende Struktur des CMS-Systems ein, einschließlich Backend, Seiten- und Inhaltselementen sowie Benutzerverwaltung. Praktische Übungen vermittelten dabei den Umgang mit dem System, von der Inhaltserstellung bis zur Pflege. Zudem wurden wichtige Aspekte der Suchmaschinenoptimierung (SEO) in TYPO3 hervorgehoben.

Workshop zur KI-Bildgenerierung mit Midjourney
Midjourney, eine KI-gestützte Plattform zur Bildgenerierung, wird beim IHK Bildungszentrum Dresden zur Erstellung von visuellem Content eingesetzt. Hierfür veranstalteten wir einen weiteren Workshop, um die Funktionsweise des Tools an das Redaktionsteam weiterzugeben.

Monitoring zur Qualitätssicherung

Tägliche Monitoringmaßnahmen und Regressionstests wurden eingerichtet, um Funktionen laufend zu überwachen. Dazu zählen zum Beispiel die Erreichbarkeit der Website, Ladegeschwindigkeit relevanter Einzelseiten, Überwachung der Serverlast und die Überwachung der Gültigkeit des SSL-Zertifikats.
Das angewendete Monitoringtool untersucht dabei die Website auf eine signifikate prozentuale Abweichung, um frühzeitig Warnungen zu erhalten.