Zum Hauptmenü Zum Inhalt Zur Fußzeile
Berufsinformationszentrum der IHK Karlsruhe

Digitale Bildung IHK Bildungszentren

Stillstand war gestern! In unserer schnelllebigen, von Globalisierung und Digitalisierung geprägten Welt kommt niemand um Weiterbildung herum, zumindest wenn man langfristigen Erfolg in der Arbeitswelt erzielen will. Die Berufsinformationszentren der IHK Karlsruhe und der HK Hamburg sind dabei die richtige Wahl für alle, die sich beruflich weiterbilden möchten.

Kunde

Kunde

IHK Bildungszentrum Karlsruhe (IHK BiZ) & HK Bildungsinformationszentrum Hamburg (HKBiS)

Projekt

Projekt

Website-Relaunch für zwei Berufsinformationszentren, UX/UI-Design & Schnittstellen-Entwicklung

Partnerschaft

Partnerschaft

Laufende Zusammenarbeit

Tech-Stack

Tech-Stack

WordPress Multisite, gemeinsame Metis-Schnittstelle, Alexa-Skill (Hamburg)

Fokus

Individuelle Markenidentität bei gemeinsamer technischer Basis

Erfolg

Die wichtigsten Erfolge

German Brand Award in Gold für "Excellence in Brand Strategy and Creation"

GEMEINSAMES LEVEL-UP Cleane Gestaltung mit buntem Gegenspieler

Die beiden Berufsinformationszentren nutzen dieselbe Kurssoftware, dadurch konnten wir Synergien schaffen und eine gemeinsame Schnittstelle erbauen. Das bedeutet: Die Abfragen der beiden Websites mussten nur einmal programmiert werden, um die Buchungen von Seminaren und Kursen, den internen Bereich für Dozierende und den praktischen Kursfinder zu realisieren. In der Optik sieht man kaum noch etwas von diesen Gemeinsamkeiten, dazu gleich mehr!

Eine Schnittstelle, zwei Identitäten: Wie nova zwei Bildungszentren digital individuell vereint.

Das Herzstück von HKBIS und IHK BIZ ist die gemeinsame Metis-Schnittstelle. Vereint in einer WordPress Multisite werden die Inhalte beider Bildungszentren stetig über die Schnittstelle aktualisiert. Unsere Vision: Noch viele weitere Bildungszentren vereinen. Karlsruhe und Hamburg zeigen als Vorbilder vorangehend, dass ihre Individualität dabei nicht zu kurz kommt.

Yvonne Wagner

Projektmanagement

VIELE WEGE FÜHREN ZUM ZIEL Zwei Websites, die unterschiedlicher nicht sein könnten

Während die Website des Karlsruher Bildungszentrums in einem schlichten Design mit klaren Linien und sorgsam gewählten Farbakzenten überzeugt, ist die Hamburger Website sozusagen ihre rebellische kleine Schwester, die jede Woche eine neue Haarfarbe hat. Sie kommt gleich in vier unterschiedlichen Farbmodi daher: Classic, Dark, Pride und Pastell. Krass, oder? Wie soll man sich da nur entscheiden? So können User nach Lust und Laune in den gewählten Modus eintauchen und sich in ihrer persönlichen Wohlfühl-Umgebung über ihre Weiterbildungsmöglichkeiten informieren.

Am meisten Spaß hatte ich bei der Gestaltung der vier unterschiedlichen Farbmodi, welche die individuellen Bedürfnisse verschiedener Lerntypen widerspiegeln. Interessant sind zudem animierte Icons, variable Fonts, wiederkehrende Bewegungen und Memojis anstelle von Bildern. So finden sich nicht nur die Weiter- und Ausbildungsangebote für ein jüngeres Publikum in der Design- & Bildsprache wieder, HKBIS hebt sich zudem von der Konkurrenz ab.

Markus Arnold

Senior UX/UI Designer

DAS ZIEL Balance zwischen Funktion und Übersicht

So unterschiedlich und individuell die zwei Websites auch sind, vereint sie die für ein effektives Lernen notwendige Harmonie zwischen Funktion und Übersicht. Ein interner Bereich mit Kurs- und Terminübersicht bietet nicht nur eine Stundenplanung, sondern auch downloadbare Dokumente zu den jeweiligen Lerneinheiten. Lehrende können darüber hinaus Termine planen und mit anderen teilen, Dokumente hochladen, verwalten und drucken sowie Anwesenheitslisten pflegen und Lerninhalte zu den einzelnen Terminen verfassen.

Interessierten bietet der Kursfinder eine bequeme Möglichkeit in nur drei Schritten, die passenden Kurse und Seminare zu wählen. Diese können über Sortierungen und Filter so individuell wie die Farbmodi an eigene Bedürfnisse und Vorlieben angepasst werden. Weitere Informationen sind auf der News-Seite oder dem Blog zu finden, der die Barrierefreiheit unterstützend auch Inhalte basierend auf einem Soundfile vorlesen kann. Mit novas Spürnase für die aktuellen Trends bindet Hamburg zudem einen Alexa-Skill ein, der auf Nachfrage die anstehenden Kurse vorliest.

Hat man schließlich das individuell und perfekt abgestimmte Angebot gefunden, kann man sich mit Gleichgesinnten treffen und Räume für Lerngruppen buchen. So bieten beide Berufsinformationszentren optimale Betreuung für alle, die bereits dabei sind ihren Wissensdurst zu stillen oder sich wissenshungrig auf ihre Suche nach dem passenden Kurs begeben.

Das haben wir geleistet

Eine gemeinsame technische Basis, individuelle Markenidentitäten und ein durchdachtes Funktionsangebot waren Schwerpunkte des Relaunchs. Mit diesen Leistungen haben wir die IHK Bildungszentren zum erfolgreichen Level Up geführt:

  • Gemeinsame Metis-Schnittstelle auf Basis einer WordPress Multisite
  • Vier individuelle Farbmodi für die Hamburger Website (Classic, Dark, Pride, Pastell)
  • Kursfinder mit Sortierung und Filterfunktionen in drei Schritten
  • Integration eines Alexa-Skills für die Hamburger Plattform

Messbare Erfolge Der Level-Up in Zahlen (KPIs)

Unsere Arbeit im Bereich Brand Communication beim Relaunch der Website hkbis.de wurde mit dem German Brand Award in Gold ausgezeichnet. Mit dem Preis wird unsere „Excellence in Brand Strategy and Creation“ und damit die Qualität unserer Markenarbeit honoriert.

Kontakt Level Up für IHK BiZ / HKBiS mit nova

Bereit den nächsten Schritt zu gehen? Dann mach es wie das IHK Bildungszentrum! Egal ob Design Thinking, Brand Storytelling, UI oder UX, wir liefern die passenden Upgrades für einen erfolgreichen Level-Aufstieg!