SIX Schweiz In sechs Monaten zum modularen CMS-Baukasten für komplexe Inhalte.
2017
Jahr
UX & UI Designerin
Rolle
Designsystem, UX-Architektur, UI Design
Mein Beitrag
CHALLANGE
Problem
SIX betreibt komplexe Finanzinfrastrukturen für verschiedene Zielgruppen, von Investoren über Banken bis zu internen Teams. Die bestehende Website war nicht nur optisch veraltet, sondern auch in ihrer Struktur kaum skalierbar. Jede Abteilung hatte eigene Inhalte, Anforderungen und Zielgruppen, aber zu wenig Flexibilität im bestehenden CMS. Die Folge, Brückenlösungen, Content-Silos und ein unübersichtlicher Auftritt.
Projektziel
Ein flexibles Designsystem mit einem modularen Baukasten, der es allen Bereichen ermöglicht, Inhalte CI-konform und nutzerfreundlich aufzubereiten. Ohne Design oder UX-Know-how. Gleichzeitig sollte die gesamte Informationsarchitektur neu gedacht, die Navigation vereinfacht und das Look and Feel modernisiert werden. Schritt für Schritt, live und ohne Relaunch-Blockade.
DISCOVER & DEFINE
Die grösste Herausforderung war die Komplexität der Seite. Wie lassen sich vier unterschiedliche Zielgruppen gleichzeitig ansprechen, ohne sie zu überfordern? Und wie bildet man diese Vielfalt in einem CMS ab, das jeder Bereich eigenständig nutzen kann?
Agile Projektarbeit war die Lösung. Erstmals arbeiteten wir in der Agentur agil. Alle vier Wochen definierten wir gemeinsam mit der SIX-IT das nächste Modul, entwickelten es inkrementell und verbesserten es direkt anhand echter Nutzung.
Zudem, eine neue Navigationslogik, die Nutzerbedürfnisse mit interner Struktur vereint. Statt Annahmen zu treffen, haben wir mit Design Thinking Methoden gearbeitet:
Card-Sortings mit Mitarbeitenden aus verschiedenen Bereichen
Stakeholder-Interviews zur CMS-Nutzung und inhaltlichen Verantwortung
Aufbau von vier klaren Personas, von externen Investoren bis zu internen Redakteuren
IDEATE & EXECUTE
In der Ideenphase entwickelten wir auf Basis unserer Research-Erkenntnisse erste Lösungsansätze für Navigation und Modulkatalog. Dabei war mein Anspruch, nicht nur CI-konforme, sondern wirklich nutzerfreundliche Komponenten zu gestalten. Visuell ansprechend, funktional durchdacht und flexibel kombinierbar.
In iterativen Designzyklen testeten wir erste Module direkt mit CMS-Anwendern und Stakeholdern. Elemente, die im Alltag nicht funktionierten, wurden sofort angepasst. Diese agile Herangehensweise ist untypisch für Agenturprojekte, machte jedoch kontinuierliche UX-Verbesserungen sichtbar, noch bevor das Gesamtsystem stand.
Zugleich entwickelte ich mehrere zentrale Contentseiten neu. Ziel war ein Look & Feel, das modern wirkt und zukunftsfähig ist. Ich verantwortete unter anderem das Redesign des gesamten Unternehmensbereichs, inklusive Karriere, Über-uns und weiterer Seiten. Dabei entstanden auf Basis des Baukastens auch neue Module, die zuvor gar nicht vorgesehen waren. Besonders im Karrierebereich verliehen wir dem Auftritt einen zeitgemäßen, menschlicheren Ton.
In nur sechs Monaten war der modulare Baukasten finalisiert und bereits über 50 % der SIX-Website live im neuen Design. Das Besondere, auch acht Jahre nach dem Go-live ist der Baukasten noch im Einsatz und viele meiner gestalteten Seiten sind bis heute online. Eine Seltenheit für externe Projekte, bei denen man oft nur temporär beteiligt ist.
Wirkung & Learnings
In sechs Monaten live: 50 % der Website erfolgreich auf neues System umgestellt.
Modulares Designsystem: UX-gerechte Bausteine für alle Abteilungen und Zielgruppen.
Langlebiges UI Design realisiert: Mein visuelles Konzept prägt das Erscheinungsbild der SIX-Website noch heute.