Von Open CMS zu Drupal Headless: Die Switch-Story

Überladene Website und technischer Modernisierungsbedarf

Switch war bereits von 2005 bis 2015 Kunde von Unic. 2023 sollte die neun Jahre alte, inhaltlich überladene Website durch eine schlankere Plattform ersetzt werden. Im Rahmen eines umfassenden Rebrandings mit neuem Logo und Purpose brauchte das Unternehmen eine Lösung, die sich konsequent an den Hauptzielgruppen orientiert. Nachdem frühere Offerten anderer Agenturen nicht überzeugt hatten, erinnerte sich Yves Ettounsi, DevOps Engineer & Product Owner bei Switch an die erfolgreiche frühere Zusammenarbeit und klopfte bei Unic an.

Gewünscht wurde initial / einmalig:

• ein Vorschlag eines modernen CMS anhand Anforderungskatalog

• die Installation und Konfiguration des CMS

• das «Theming» - Erstellung von Template, Seitentypen, Inhaltskomponenten

Zusätzlich sollte Unic auch Hosting und Wartung des CMS, übernehmen, inklusive Software-Updates und situativen Anpassungen an neue Anforderungen.

Headless-Architektur mit Echtzeit-Preview und moderner Cloud-Infrastruktur

Unic schlug in der Folge eine Drupal-Headless-Architektur vor. Der Ansatz verband ein schlankes UX-Review mit einer effizienten technischen Umsetzung:

• Wir überprüften die vorhandenen UX-Konzepte, klärten offene Fragen und finalisierten den Projektumfang.

• Anschliessend entwickelten wir für Switch eine massgeschneiderte Headless Suite für Drupal, welche Backend, Frontend und Hosting-Technologien miteinander vereint.

• Features wurden in enger Abstimmung mit Switch iterativ umgesetzt, mit gemeinsamer Priorisierung und frühen Tests.

• Eine kontinuierliche Backlog-Pflege sicherte den nahtlosen Übergang in die Weiterentwicklung.

Die technische Lösung umfasst:

• Drupal Backend mit integrierter Echtzeit-Preview aller Änderungen

• Pre-Rendering von Inhalten über GraphQL Gateway, Build-System und Storage-System

• Responsives Nuxt-Frontend mit Static Site Generation für optimale Performance

• Container-basiertes Hosting (Azure Kubernetes Services, AKS)

Wer es genauer wissen will:

Die Headless-Architektur kombiniert die Stärken eines leistungsfähigen Drupal CMS mit einem hochperformanten Nuxt-Frontend:

• Mehrsprachige Inhalte mit flexiblem Layoutsystem und modularem Aufbau

• Optimierte Übersichtsseiten für Events, Blog und Jobs

• Barrierefreiheit-Optimierungen

• Serverseitige Redirects und SEO-Optimierung

• Taxonomiesystem für effiziente Content-Organisation

Statische Inhalte werden automatisch bei Änderungen neu generiert, was die Ladezeiten deutlich verkürzt. Für dynamische Inhalte greift ein serverseitiges Fallback mit Cache-Funktion. Die Suchfunktion basiert auf Apache Solr für schnelle und präzise Ergebnisse.

Effiziente Redaktion und optimale Markenpositionierung

Mit der neuen digitalen Plattform konnte Switch ihren Markenauftritt entscheidend modernisieren. Die Website spiegelt nun perfekt den neuen Purpose wider: «Switch realisiert gemeinsam mit den Institutionen des Bildungswesens die Potenziale der Digitalisierung für Lehre und Forschung und stärkt die digitale Souveränität der Schweiz.»

Zu den Hauptvorteilen zählen:

• Eine schlanke, moderne Corporate Website mit klarer Benutzerführung

• Verbesserte Verständlichkeit mit Fokus auf den konkreten Kundennutzen der verschiedenen Switch-Dienstleistungen

• Übersichtliche Darstellung der Kernkompetenzen: Cyber Security, Cloud Services, Digital Identity, Legal & Procurement, Research Network, Registry

• Optimierte Kontaktmöglichkeiten und effektives Employer Branding

• Zukunftssichere technische Basis mit besserer Skalierbarkeit und Flexibilität

Besonders geschätzt wird von den Redakteur:innen die intuitive «Drag'n'Drop»-Funktionalität mit flexiblen Layout-Modulen, welche die Content-Erstellung erheblich vereinfacht.

Der erfolgreiche Relaunch unterstreicht unser Engagement, Digitales menschlich zu machen, durch eine nutzerorientierte, performante und zukunftssichere Lösung, die die wichtige Rolle von Switch für den Schweizer Bildungs- und Forschungsstandort optimal unterstützt