HWZ Website Relaunch

UX/UI Design

Im Zuge des umfassenden Website Relaunches haben wir die User Experience von fh-hwz.ch ganzheitlich neu gedacht und die Marke digital auf das nächste Level gehoben. Wir haben die Informationsarchitektur gezielt überarbeitet und die Navigation so optimiert, dass Nutzerinnen und Nutzer deutlich schneller zu den für sie relevanten Inhalten gelangen. Innerhalb des Bildungsangebots haben wir klare Parent-Child-Strukturen geschaffen und damit eine nachvollziehbare, logisch aufgebaute Nutzerführung ermöglicht. Gleichzeitig haben wir die Bereiche Studium und Weiterbildung klarer voneinander getrennt, was die Orientierung verbessert und die Vielfalt des Angebots stärker hervorhebt.

Ausserdem haben wir einen modernen Brand-Refresh umgesetzt und das Logo behutsam, aber dennoch spürbar weiterentwickelt. Auf dieser Basis haben wir ein skalierbares Design System aufgebaut, das für sämtliche digitalen Touchpoints funktioniert, von der Website über Social Media Ads bis hin zu einem Vorlagenpool für Präsentationen. So entsteht ein konsistenter, zeitgemässer Markenauftritt, der die Identität der HWZ stärkt und ein professionelles, einheitliches Nutzererlebnis sicherstellt.

Website Frontend

Für das Frontend von fh-hwz.ch haben wir eine moderne, leistungsstarke Lösung auf Basis von SvelteKit umgesetzt. SvelteKit erlaubt es uns, Inhaltselemente einfach zu erweitern und eine flexible, zukunftssichere Architektur aufzubauen, die sowohl redaktionelle Freiheit als auch technische Stabilität bietet. Ein fluides Typografie System sorgt dafür, dass Inhalte auf allen Viewports sauber skalieren und ein konsistentes visuelles Erlebnis entsteht.

Um die Performance optimal zu halten, haben wir globales Caching implementiert, so dass dieselben Daten für alle Besucher der Webseite nur einmal abgerufen werden und dadurch das Backend entlastet wird. Zusätzlich optimieren wir Bildgrössen so, dass diese optimal für die jeweiligen Geräte ausgespielt werden. Dies ist ein zentraler Faktor für schnelle Ladezeiten und eine hohe Page Performance.

Die SvelteKit Implementierung ist einfach und robust. Das Framework bietet eine hervorragende Developer Experience, ohne die Einschränkungen vieler anderer Ökosysteme. Als ein sogenanntes "Batteries included"-Framework liefert SvelteKit zahlreiche Funktionen bereits out-of-the-box, was die Entwicklung konsistent und effizient gestaltet und gleichzeitig maximale Flexibilität erlaubt.

Damit entsteht ein performantes, wartungsarmes und zukunftsorientiertes Frontend, das den modernen Anforderungen einer Bildungsplattform gerecht wird.

Die Zusammenarbeit mit Neovo war direkt, unkompliziert und sehr persönlich. Neben dem starken Design beeindruckt mich die technische Qualität der geleisteten Arbeit. Das neu gewählte DatoCMS ermöglicht uns eine einfache und mühelose Pflege der Inhalte. Ich öffne die Seite jedes Mal mit Freude. Das durchwegs positive Feedback zeigt, wie gut das Ergebnis gelungen ist.

Backend DatoCMS

Zur Verwaltung der Inhalte von fh-hwz.ch setzen wir DatoCMS ein. Wir haben eine modulare Struktur entwickelt, die es dem Redaktionsteam ermöglicht, Inhalte effizient zu pflegen und gleichzeitig maximale Freiheit bei der Gestaltung zu behalten. Durch die Nutzung von Relations können Inhalte intelligent miteinander verknüpft werden, so können zum Beispiel Crosslinks auf Bildungsangebote, News-Einträge sowie Seiten direkt innerhalb von Texten eingefügt werden, so dass diese auch noch funktionieren, wenn deren URL ändern sollte. Vor dem Löschen von Einträgen und Dateien oder Bildern werden die Editoren gewarnt, wenn diese an anderen Stellen noch verwendet werden.

Zusätzlich haben wir eine Preview-Umgebung eingerichtet, welche es den Editoren erlaubt unveröffentlichte Einträge direkt auf der Webseite anzuschauen und so optimal zu gestalten. Redaktionelle Abläufe werden dadurch deutlich vereinfacht. Als SaaS Lösung bietet DatoCMS weitere Vorteile: automatische Updates, hohe Stabilität und ein zuverlässiges Ökosystem. Besonders hervorheben können wir den ausgezeichneten Support von DatoCMS, der uns während der gesamten Umsetzung schnell und kompetent unterstützt hat.

Darüber hinaus haben wir automatisierte Übersetzungsprozesse integriert, wahlweise über DeepL oder ChatGPT, um mehrsprachige Inhalte effizient generieren und aktualisieren zu können. Die Editor Flexibilität erlaubt es, bestehende Blöcke individuell zu erweitern und neue Inhaltsmodule problemlos zu ergänzen.

Das Publikationskonzept von DatoCMS haben wir optimal genutzt: Inhalte können terminiert veröffentlicht werden, Teilbereiche eines Datensatzes lassen sich separat publizieren und bereits veröffentlichte Inhalte können ohne Risiko weiterbearbeitet und anschliessend erneut veröffentlicht werden. Dank der klar strukturierten Datenerfassung war auch ein Import der Daten aus der bisherigen Webseite, inklusive komplexer Rich Text Inhalte, problemlos möglich.

Damit haben wir ein CMS geschaffen, das leistungsfähig, redaktionsfreundlich und langfristig erweiterbar ist und die Grundlage für einen effizienten digitalen Betrieb der HWZ bildet.