Iconomix: Relaunch einer Bildungsplattform für die SNB

Iconomix ist das Bildungsangebot der Schweizerischen Nationalbank (SNB) und eine feste Grösse im Wirtschaftsunterricht an Schweizer Schulen. Rund alle fünf Jahre wird die Webplattform grundlegend erneuert. Für den diesjährigen Relaunch durfte Deimos als Partnerin für Business-Analyse, UX/UI-Design und technische Umsetzung mitwirken. Gemeinsam mit dem Iconomix-Team und Partnern wie Festland und Convotis entstand in rund 20 Monaten eine moderne, interaktive Web-Plattform, die Lehrpersonen und Lernenden neue Möglichkeiten eröffnet.

Ausgangslage1

Ausgangslage

Die bisherige iconomix.ch-Plattform hatte seit dem letzten Relaunch 2021 gute Dienste geleistet, doch die Anforderungen an digitale Lernplattformen entwickeln sich schnell. Lehrpersonen wünschten sich mehr Möglichkeiten zur Individualisierung des Unterrichts und Lernende sollten stärker interaktiv eingebunden werden.

Auch für das Iconomix-Team, das regelmässig neue Unterrichtsmodule erfasst und veröffentlicht, stiess das bestehende System zunehmend an seine Grenzen: Die Arbeit im CMS beanspruchte immer mehr Zeit und die vorhandenen Funktionen liessen sich nicht für alle Inhaltstypen optimal nutzen.

Eine technologische Erneuerung der Plattform war damit nicht nur aus Nutzersicht, sondern auch aus redaktioneller Perspektive ein zentrales Projektziel. Zugleich galt es, Sicherheit, Betriebseffizienz und Zukunftsoffenheit der gesamten Infrastruktur sicherzustellen. Als fixer Termin für den Go-Live stand der Schuljahresbeginn im August 2026.

ziel

Ziel

Im Fokus des Relaunches standen funktionale Upgrades, die iconomix.ch schneller, individueller und interaktiver machen sollten. Dadurch soll die Plattform auch in Zukunft ein unterstützendes Tool sein für Lehrpersonen von Wirtschafts- und Gesellschaftsfächer an allgemein- und berufsbildenden Schulen.

Umgesetzt wurde dies als kompletter Neubau: iconomix.ch wurde von Grund auf neu konzipiert und auf eine moderne Technologiebasis migriert. Als neues Fundament wurde Magnolia CMS gewählt. Eine bewährte Enterprise-Lösung, die das bisherige System vollständig ablöst und sich für komplexe, redaktionell gepflegte Webplattformen besonders eignet. Magnolia steht bereits beim SNB-Portal im Einsatz und bot damit eine solide, erprobte Basis für den Neustart.

Umsetzung

Vorgehen

Das Projekt startete im Januar 2025 mit einer intensiven Business-Analyse- und UX-Phase. In mehreren Workshops wurden gemeinsam mit dem Iconomix-Team Anforderungen systematisch erfasst, neue UX-Konzepte erarbeitet, Vorschläge diskutiert und schrittweise verfeinert. Lehrpersonen konnten früh Einblicke in die geplanten Designs nehmen und Feedback einbringen. Ein wichtiger Schritt, um sicherzustellen, dass die neue Plattform den Bedürfnissen der wichtigsten Nutzergruppe entspricht.

Sobald das Fundament stand, wechselte das Projekt in den agilen Entwicklungsmodus: Dreiwöchige Sprints mit regelmässigen Review-Meetings sorgten dafür, dass Fortschritte sichtbar blieben und Feedback direkt in die nächste Iteration einfliessen konnte. Testumgebungen wurden zudem früh aufgesetzt, damit Entwicklung und Testing parallel laufen konnten.

Durch Code-Reviews und eine gute Testabdeckung konnte die Qualität des Projekts kontinuierlich sichergestellt werden. Jedes neue Feature wurde erst ausgeliefert, nachdem der Code gereviewt und es durch unsere UX-Experten getestet wurde. Bei den automatisierten Tests wurde unter anderem auf Unit Tests, Integration Tests und Visual Regression Tests gesetzt.

Ein gut etabliertes Feedback-System ermöglichte es dem Iconomix-Team, erkannte Bugs schnell und unkompliziert zu melden. Diese wurden zeitnah aufgenommen und im darauffolgenden Sprint behoben. So konnte sichergestellt werden, dass das Projekt zeitlich on Track blieb und pünktlich zum Go-Live fertig war.

Architektur

Die erneuerte iconomix.ch-Plattform basiert auf einem modernen, modularen Aufbau. Als serverseitiges Fundament kommt das Java-basierte CMS Magnolia im Headless-Betrieb zum Einsatz, über das sämtliche Inhalte verwaltet und über eine REST-Schnittstelle bereitgestellt werden. Die Benutzeroberfläche für Lehrpersonen und Lernende wurde als Single-Page-Application mit Angular realisiert. Für die Benutzerverwaltung inkl. Registrierung, Anmeldung und weiteren Funktionen kommt eine Spring Boot Applikation mit REST-Schnittstellen zum Einsatz.

Sämtliche Zugänge laufen vollständig über den Browser: Besuchende der Plattform erreichen die Lernoberfläche per HTTPS, während die Online-Redaktion ihre Inhalte ebenfalls browserbasiert direkt im Magnolia-Backend erfasst und veröffentlicht. Diese klare Trennung von Content-Management und Frontend ermöglicht es, beide Bereiche unabhängig voneinander weiterzuentwickeln und die Plattform langfristig flexibel zu halten.

architektur grafik
Verwendete Technologien

Für das Projekt wurden folgende Technologien verwendet:
 

Magnolia CMS: Content-Management & redaktionelle Pflege
Angular: modernes Single-Page-Application Framework für das Frontend
Spring Boot: Java Enterprise Framework
Figma: UX/UI-Design & Prototyping
Jira & Confluence: Projektmanagement & Dokumentation
Cypress: Test-Automation UI

Interessieren Sie sich für unseren Technologie-Stack?

Dann finden Sie auf der Seite Tech & Tools detaillierte Informationen.

Erreichte Meilensteine

In rund 20 Monaten Projektarbeit wurden auf technischer und funktionaler Ebene folgende Meilensteine erreicht.

meilensteine

Magnolia CMS: bewährte Technologie, erneut erfolgreich eingesetzt

iconomix.ch ist ein weiteres erfolgreiches Magnolia-Projekt, das Deimos realisieren durfte. Seit über zehn Jahren setzt Deimos bei grossen Enterprise-Webprojekten auf Magnolia CMS und ist offizieller Magnolia-Partner.

Magnolia überzeugt als Java-basiertes Open-Source-CMS mit einer klaren Stärke: Es lässt sich als klassisches CMS ebenso einsetzen wie als modernes Headless-CMS, das Inhalte flexibel an verschiedene Kanäle und Frontends ausliefert. Für iconomix.ch bedeutete das eine saubere Trennung von Inhaltsverwaltung und Frontend mit Angular als leistungsfähigem Single-Page-Application-Framework.

Single Sign-On für Lehrpersonen und Lernende

Bisher war die Anmeldung auf der Plattform nur für Lehrpersonen und ausschliesslich per Passwort möglich. Neu können sich auch Lernende anmelden und ihre Aufgaben direkt online bearbeiten. Die Anmeldung ist nun auch via Microsoft und Edulog möglich; Lernende können sich alternativ auch mit einem per E-Mail zugestellten Login-Code einloggen. Da die ursprünglich geplante Lösung mit Microsoft Entra External ID (Ablösung von Azure B2C) den gewünschten Funktionsumfang nicht abdecken konnte, wurde auf eine Eigenentwicklung unter Einsatz verschiedener Bibliotheken gesetzt. Dies macht die Plattform gleichzeitig unabhängig von grossen Technologiekonzernen.

Nahtlose Datenmigration

Da es sich um eine bestehende Plattform handelt, war die Datenmigration ein zentrales Thema. Nach eingehender Evaluation entschied sich das Projektteam gegen eine vollautomatische Migration der Inhalte: Da sich die Struktur der Aufgabensets auf der neuen Plattform von der alten stark unterscheidet, war eine manuelle Neuerfassung die qualitativ bessere Lösung. Sie ermöglichte zudem eine direkte Prüfung und Überarbeitung aller Inhalte. Die Benutzerdaten bestehender Lehrpersonen hingegen wurden vollautomatisch migriert, was einen nahtlosen Übergang ohne Datenverlust ermöglichte.

Modernes UX/UI-Design

Die Plattform präsentiert sich in einem frischen, übersichtlicheren und zugänglicheren Erscheinungsbild. Die Benutzerführung wurde konsequent überarbeitet und Inhalte klarer strukturiert. Das Ergebnis ist ein Design, das nicht nur modern wirkt, sondern den Einstieg und die tägliche Arbeit spürbar erleichtert.

Das UX/UI-Design wurde unter Mitwirkung der Agentur Festland erarbeitet, die Iconomix in der Markenführung betreut und die Kommunikation zum Web-Relaunch begleitet hat.

iconomix startseite
iconomix_moduluebersicht_ui
iconomix_modul detailansicht_headerbereich_ui
iconomix_modul detailansicht_themen_ui

Aufgabensets online lösbar und Fortschritt trackbar

Wo früher Aufgabensets als PDF-Dateien weitergegeben wurden, teilen Lehrpersonen diese neu direkt über die Plattform. Und Lernende bearbeiten die Aufgaben online. Der Lernfortschritt der Klasse ist für Lehrpersonen dabei jederzeit einsehbar.

Dafür wurden drei Ausgabeformate entwickelt, die unterschiedlichen Bedürfnissen gerecht werden: Lehrpersonen erhalten eine navigierbare Übersicht des Aufgabensets zur Vorbereitung und Begleitung des Unterrichts, Lernende eine fokussierte Einzelaufgaben-Ansicht ohne Ablenkungen. Das bewährte interaktive PDF wird weiterhin unterstützt. Alle drei Formate werden aus einer gemeinsamen Erfassung in Magnolia CMS gespeist.

Diese neue Funktion erforderte eine sorgfältige UX-Konzeption und eine entsprechend robuste technische Umsetzung. Sie ist ein grosser Schritt hin zu einer interaktiven Lernplattform.

Effizienteres Content-Management im Backend

Dank Magnolia CMS profitiert die Iconomix-Redaktion von einer deutlich schnelleren und komfortableren Arbeitsumgebung. Neue Unterrichtsmodule lassen sich effizienter erfassen sowie veröffentlichen und für alle Inhaltstypen stehen passende Strukturen direkt zur Verfügung. Ganz ohne umständliche Workarounds.

Abschluss

Pünktlich zum Schuljahresbeginn im August 2026 ging die überarbeitete Website iconomix.ch live. Die neue Plattform erfüllt die gesetzten Ziele in vollem Umfang: Sie ist schneller, moderner und deutlich interaktiver als ihre Vorgängerin – für Lehrpersonen, Lernende und Redaktion gleichermassen.

Das Projekt zeigt, was unkomplizierte Zusammenarbeit leisten kann: durch klare Kommunikation, gegenseitiges Vertrauen und eine gut koordinierte Partnerschaft zwischen dem Iconomix-Team und Deimos entstand eine Plattform, die ihren Nutzerinnen und Nutzern echten Mehrwert bietet und technisch bestens aufgestellt ist für die nächsten Jahre.

Die Zusammenarbeit mit Deimos war von Anfang an geprägt von Offenheit und gegenseitigem Vertrauen. Wir wurden stets proaktiv informiert, konnten jederzeit Fragen stellen und bekamen klare Antworten. Das hat den Projekterfolg massgeblich mitgetragen.
Manuel Wälti Leiter Iconomix
portrait manuel waelti