Die Swisscom Sales Plattform ist über viele Jahre hinweg organisch gewachsen. Neue Inhalte, Angebote und Anforderungen führen dabei oft zu Inkonsistenzen in Struktur, Interaktion und visueller Sprache.
Die Herausforderung bestand darin, die bestehende Plattform zu modernisieren, ohne ihre gewachsene Struktur zu verlieren – und gleichzeitig eine Designbasis zu schaffen, die zukünftige Weiterentwicklungen ermöglicht.
Der Design Boost verfolgte kein klassisches Redesign, sondern eine strategische Weiterentwicklung der Plattform.
Visuelle und konzeptionelle Modernisierung
Konsistente Designbasis für zukünftige Weiterentwicklung
Klarere Produktkommunikation
Stärkere emotionale Inszenierung der Angebote
Problem
Insight
Design
Principles
Solution
UX/UI Audit
Analyse der bestehenden Plattform Experience
Trend Research
Analyse aktueller Designtrends und Best Practices
Interaction Design
Konzeption neuer Interaktionsmuster
UI Design
Gestaltung modularer Komponenten und Layouts
Design Principles
Definition der gestalterischen Leitlinien
Design Strategy
Ableitung der strategischen Designrichtung
Die Erkenntnisse aus dem Audit wurden mit einem gezielten Trend Research kombiniert – um zu verstehen, wo die Plattform im Vergleich zu aktuellen Best Practices steht.
Aus der Analyse der bestehenden Plattform sowie dem Trend Research ergaben sich mehrere zentrale Erkenntnisse, die als Grundlage für die strategische Weiterentwicklung dienten.
Aus den Erkenntnissen aus Audit und Trend Research wurden zentrale Designprinzipien definiert, die die Weiterentwicklung der Plattform leiten sollten.
Eine klarere typografische Hierarchie verbessert Orientierung und Lesbarkeit.
Wiederverwendbare Komponenten schaffen Konsistenz über verschiedene Produktseiten hinweg.
Produktvorteile sollen stärker visuell und emotional inszeniert werden.
Gezielte Animationen unterstützen Orientierung und Interaktion.
Die neuen Komponenten wurden nicht isoliert entwickelt, sondern als zusammenhängendes System – mit klarer visueller Hierarchie, emotionalerer Bildsprache und konsistenten Interaktionsmustern. Der Before/After-Vergleich zeigt, wie sich die Veränderungen auf das Gesamtbild der Plattform auswirken.
Neue Typografiehierarchie, überarbeitete Komponenten und eine stärkere emotionale Bildsprache – die Designlösung zeigt, wie die definierten Principles in konkrete UI übersetzt wurden.
Auf Basis der Design Principles entstand ein modulares UI System – mit definierten Komponenten, Typografie, Farben und Interaktionsmustern, das als Grundlage für die gesamte Plattform dient. Sie ermöglichen eine konsistente Plattform Experience und schaffen gleichzeitig eine einheitliche visuelle Sprache über verschiedene Produktbereiche hinweg.
Der Vorher/Nachher-Vergleich zeigt, wie sich die Plattform durch klarere Hierarchie, stärkere emotionale Bildsprache und konsistente Komponenten visuell verändert hat – ohne die gewachsene Struktur zu brechen.
Der Design Boost hat die Plattform nicht nur visuell modernisiert – er hat eine gemeinsame Designbasis geschaffen, auf der alle weiteren Entwicklungen aufbauen können.
Was mich an diesem Projekt besonders beschäftigt hat: Wie viel strategische Arbeit nötig ist, bevor der erste Pixel gesetzt wird. Die Design Principles waren kein nettes Beiwerk – sie waren die Voraussetzung dafür, dass alle Designentscheide danach konsistent und begründbar waren. Das nehme ich als Arbeitsweise mit.