Ausgangslage
Das ZbW – Zentrum für berufliche Weiterbildung ist eine der grössten höheren Fachschulen der Deutschschweiz mit Standorten in St. Gallen und Sargans. Die praxisbezogenen Aus- und Weiterbildungen orientieren sich an den tatsächlichen Bedürfnissen der Wirtschaft. Gegründet 1946 auf Initiative von Industrie, Gewerbe und Handwerk, verfolgt das ZbW das Ziel, die berufliche Bildung mit zeitgemässen Weiterbildungsangeboten nachhaltig zu fördern.
Ziele
Das ZbW kam auf uns zu, um ihr breites Bildungsangebot emotional und digital greifbarer zu machen. Die etwas in die Jahre gekommene Website sollte in diversen Aspekten für alle Zielgruppen neu gedacht, strukturiert und modernisiert werden, um dem gegenwärtigen Stand der Technik und User Experience zu entsprechen. Dabei wurden folgende, übergreifende Ziele festgelegt:
- Maximale Nutzerfreundlichkeit für die Zielgruppen
→ Schneller Zugang zu Lehrgängen, Infoveranstaltungen und Anmeldungen – mit klarer, intuitiver Nutzerführung über alle Geräte hinweg. - Optimale Conversions durch gezielte User Journeys
→ Fokus auf effektive Informationsvermittlung, niederschwellige Kursanmeldungen, gezielte Landingpages und datengestützte Optimierung der User Journey. - Nahtlose redaktionelle Selbstverwaltung
→ Autodidaktisch bedienbares Backend mit WYSIWYG-Funktionalität („see what you get“) für Text-, Bild- und Formularpflege durch Redaktion und Kursadministration. - Technische und funktionale Integration ins bestehende ZbW-Ökosystem
→ Anbindung an Schnittstellen und Kompatibilität mit externen Partnerwebsites. - Kohärente Markenpräsenz und synergetische Kommunikation
→ Design-Umsetzung basierend auf dem bestehenden Corporate Design, jedoch adaptiert für die digitale Welt.
Vorgehensweise
Im Vorprojekt für den Website-Relaunch wurden zunächst in Workshops zur Projekt-Analyse und Anforderungserhebung alle relevanten Stakeholder eingebunden, um Ziele, Zielgruppen und funktionale Anforderungen klar zu definieren. Aus den Anforderungen resultierte unter anderem, dass die 76 Kursangebote durchstöberbar sein sollten. Das wurde ein zentraler Bestandteil der Website und wurde mitunter mittels Wireframes visualisiert.
Im Hauptprojekt erfolgte zunächst die Detail-Konzeption, in der die Informationsstruktur sowie die Wireframes finalisiert und alle notwendigen Funktionen, Elemente und User Flows festgelegt wurden. Ein weiterer Schritt war die Erarbeitung von Look & Feels. Dabei war es wichtig, mit dem vorhandenen CI/CD zu arbeiten, jedoch für Digital zu adaptieren.
Ein weiterer zentraler Bestandteil des Projekts war die Website-Programmierung. Wir haben eine technische Analyse durchgeführt, bei der insbesondere die Auswahl eines geeigneten CMS im Fokus stand. Es war zentral, dass es eine zukunftssichere, ausbaubare und leistungsfähige technische Basis für die neue Website schaffen muss. Der Entscheid fiel auf WordPress mit Gutenberg, da dieses System durch seine blockbasierte Struktur eine flexible, modulare Gestaltung von Inhalten ermöglicht und die Erstellung sowie Pflege von Seiten deutlich vereinfacht.
Ein Kernpunkt des Projekts war die strukturierte Migration der bestehenden Inhalte. Dabei wurde die Datenbank sorgfältig analysiert, um alle relevanten Inhalte aus dem alten System zu identifizieren. Die Struktur über 755 Seiten sowie sämtliche Bilder und PDF-Dokumente wurden automatisiert übernommen. Dadurch konnte der manuelle Aufwand sowie das Fehler-Risiko minimiert werden. Für alle rund 1000 URLs der alten Website wurde ausserdem eine Weiterleitungsliste erstellt und automatisiert implementiert, sodass jede alte Seite auf eine passende Zielseite der neuen Website verweist.
Kurse und Informationsanlässe lassen sich nun flexibel im Backend verwalten, inklusive personalisierbarer Anmeldeformulare und Excel-Exportsysteme, welche die administrative Verarbeitung erheblich erleichtern. Dies verbessert nicht nur die Nutzererfahrung, sondern steigert auch die Effizienz des Sekretariats.
Vor dem Livegang wurde die neue Website umfassend getestet. Dabei prüften wir die Darstellung und Funktionalitäten der Seiten, die Funktion der Anmeldeformulare sowie die Ladegeschwindigkeit. Ausserdem stellten Cross-Browser- und Gerätetests sicher, dass die Website auf Desktop, Tablet und Smartphone zuverlässig und einheitlich funktioniert.
Technisch basiert die Lösung auf einer modularen, komponentenorientierten Architektur, die es ermöglicht, neue Funktionen hinzuzufügen, ohne die Stabilität des Systems zu gefährden. Zusätzlich wurden Mechanismen für Caching und Performance-Optimierung implementiert sowie ein System für Continuous Deployment eingerichtet, das künftige Updates mit minimalem Risiko erlaubt
Mit dieser Webplattform verfügt ZbW über ein effizientes, flexibles und zukunftssicheres System, das technische wie organisatorische Anforderungen optimal unterstützt.
Resultate
- Die Inhalte sind klar gegliedert und sprechen gezielt die jeweiligen Nutzergruppen an.
- Die Kurse sind übersichtlich und die User werden über diverse Filter unterstützt, das passende Bildungsangebot zu finden.
- Eine moderne, professionelle Interpretation des bestehenden CI/CD, das die Zielgruppen von ZbW anspricht und professionell wirkt.
- Eine flexible, performante Website, die sich kontinuierlich ausbauen und weiterentwickeln lässt und die sich klar an den Bedürfnissen der Zielgruppen orientiert.
- Eine gesteigerte Effizienz in der Vermarktung, welche es ZbW ermöglicht, die Bildungsangebote gezielter, schneller und effektiver zu positionieren.
- Messbare Verbesserungen in der Nutzerinteraktion mit klar erkennbaren Fortschritten im Engagement auf den Landingpages.
Fazit
Die neue Website überzeugt durch intuitive Navigation, gezielte User Journeys und eine effiziente Suche innerhalb des breiten Kursangebots. Dank der Integration in bestehende Systeme sowie eines redaktionell einfach bedienbaren CMS wurde sowohl die Nutzer- als auch die Verwaltungsfreundlichkeit deutlich erhöht. Insgesamt ist eine flexible, technisch robuste und markenkohärente Lösung entstanden, die das Weiterbildungsangebot des ZbW digital greifbar und zukunftssicher macht.
Möchten auch Sie eine Website entwickeln, die Ihre Zielgruppe begeistert?
Die erfolgreiche Umsetzung von zbw.ch zeigt, wie eine durchdachte User Experience, strategisches Design und skalierbare Web-Technologien eine nachhaltige digitale Lösung schaffen können. Erfahren Sie mehr über unsere UX & Design und Web Projects Services bei BlueGlass!
Kontaktieren Sie Ihre Ansprechpartnerin
Alessandra Gaito
Digital Project Manager
