Hohe Anforderungen und noch mehr Content: xeit relauncht Website alice.ch des Schweizerischen Verbands für Weiterbildung (SVEB)

Ausgangslage

Die SVEB-Website war sowohl gestalterisch und inhaltlich als auch technisch in die Jahre gekommen. Insofern waren die Anforderungen der Verantwortlichen, den Webauftritt komplett zu modernisieren und optisch ansprechender zu gestalten. Im gleichen Zug sollen die Inhalte umfassend erneuert werden, sodass der SVEB mit einer modernen Responsive-Website auftreten kann, die die Markenbildung und die Corporate Identity unterstützt.

Der Verband lud mehrere Agenturen zu einem Pitch ein, damit sie ihre frischen Ideen und Umsetzungsmöglichkeiten präsentieren konnten. Durchgesetzt hat sich letztendlich xeit. Wir überzeugten mit unserem passgenauen Angebot sowie in einem ersten Call, bei dem wir unser bevorzugtes CMS WordPress demonstrierten, sowie die Möglichkeiten für eine mehrsprachige Multisite, wie sie alice.ch werden soll.

Ziele

• Eine Website, die flexibel ausbaubar, einfach zu bewirtschaften sowie technisch auf dem neusten Stand ist und auch bezüglich User Experience Design mit der Zeit geht
• Steigerung des Traffics und der Reichweite auf alice.ch
• Übersichtliche Struktur mit aktuellen Informationen für eine gute User Experience (UX)
• Ausbau der Fachinformationen in vier Sprachen

Umsetzung

Bezüglich Designs von alice.ch haben wir uns ganz am CI/CD des SVEB orientiert. Somit fügt sich die Website gut in den Gesamtauftritt des Verbands ein. Das sorgt für Wiedererkennungswert und bildet ein zentrales Element in Sachen Markenbildung und Corporate Identity.

Die Seite ist als Multisite-System programmiert, wodurch weitere Websites des SVEB einfach integriert werden können und dem Verband somit maximale Flexibilität gewährt.

In enger Zusammenarbeit mit den Verantwortlichen des SVEB haben wir zu Beginn im Rahmen eines Workshops am Seitenaufbau respektive an der Informationsarchitektur gefeilt.

Folgende schritte haben wir dabei absolviert

• Entwicklung von Personas und Wireframes
• Erarbeitung eines digitalen CI/CD aus dem CI/CD für Print

• Erarbeitung einer neuen benutzerzentrierten Informationsarchitektur
• Optimierung der Seite und Inhalte für die Suchmaschinen (SEO)
• Erarbeitung eines Konzepts zur strategischen Erstellung von Querverknüpfungen von verschiedenen Themen und Artikeln aus der Zeitschrift
• Programmierung eines flexiblen Back-ends zur einfachen Erstellung und Bewirtschaftung mehrsprachiger Inhalte
• Schaffung einer Plattform und Grundlage mit WordPress Multisite, um weitere Projekte (Websites etc.) von SVEB einfach zu integrieren
• Erstellung einer Schnittstelle zu DabuSoft für Eventanmeldungen
• Etablierung einer Projektdatenbank
• Durchführung einer Schulung für die Content-Migration sowie Begleitung der Migration einer grossen Menge Contents in verschiedenen Formaten
• Beratung (laufend)

Navigation

Ein Hauptaugenmerk bei der Umsetzung lag auf der Navigation. alice.ch bzw. SVEB bietet zahlreiche Informationen für verschiedene Interessensgruppen, die es sinnvoll zu bündeln galt – damit man rasch das findet, was man sucht. Wer die Startseite aufruft, findet direkt Zugang zu den vielseitigen Angeboten und wird dank der strukturierten und intuitiven Informationsarchitektur geschickt durch die Seite und zu den gesuchten Inhalten geführt. Die Homepage wird zudem mit aktuellen Informationen gespeist, die für alle Ansprechgruppen relevant sein können. Auch ein Eventkalender ist direkt aufrufbar.

Direkteinstiege und Filtermöglichkeiten

Nebst der gebündelten, übersichtlichen Navigation gibt es auf der Startseite die Möglichkeit, bei gewissen Themengebieten und Aktivitätsfeldern direkt einzusteigen. Dies ist insbesondere für regelmässige bzw. wiederkehrende Website-Besucherinnen und -Besucher sinnvoll.

Die Website-Navigation ist an den strategisch wichtigsten Themenkategorien orientiert:

Mehrsprachigkeit

Eine der wichtigsten Anforderungen an die neue Website war, die Inhalte in mehreren Sprachen einfach integrieren und aktualisieren zu können, weshalb wir auf das bewährte WPML Plugin setzten, mit der wir diesbezüglich bereits mehrfach gute Erfahrungen gemacht haben. Sämtliche Website-Inhalte von alice.ch sind in vier Sprachen – Deutsch, Französisch, Italienisch und Englisch – verfügbar.

Weitere Arbeitsschritte

Nebst Design und Programmierung haben wir uns auch um diverse andere Aufgaben gekümmert, die im Zusammenhang mit einem Relaunch anfallen. Dazu gehören z.B. Suchmaschinenoptimierung (SEO), Content-Migration, Testing und das Einrichten von Weiterleitungen (Redirects) und des Trackings zur späteren Analyse. Zudem haben wir die Mitarbeitenden des SVEB für die optimale selbständige Bewirtschaftung der Website mit einer CMS- und SEO-Schulung vorbereitet.

Besonderes

Die Website haben wir im neuen Block Editor (Gutenberg) von WordPress umgesetzt. Dieser ist viel flexibler als die Vorgängerversion und erlaubt die einfache Variation bestehender Elemente. So kann die Website einfacher von Personen ohne Programmier-Skills bearbeitet werden.

Zudem konnten wir so leicht Vorlagen (für einzelne Contents oder ganze Seiten) erstellen, die nur noch befüllt werden mussten. Dies ermöglichte eine enorme Effizienzsteigerung bei der Übertragung der Contents auf die neue Seite. Auch ist es dem SVEB so möglich, einfach neue Elemente oder Kombinationen für Sonderfälle im Content selbst zu erstellen. Somit konnten wir auch «spezielle» Seiten ohne Zusatzkosten und im Sinne des Designs umsetzen.

Herausforderungen

Bemerkenswert bei diesem Projekt war die riesige Inhaltsmenge in vier verschiedenen Sprachen, die wir vom alten CMS auf WordPress migriert haben.

Die Website wurde termingerecht aufgeschaltet, und zwar zur vollsten Zufriedenheit unseres Kunden, was uns enorm freut. Unsere Zusammenarbeit geht schon bald in die nächste Runde.