Max Baasner
DE/EN
Swisscom · 2025Case Study

Swisscom Versicherungen: Verständlich vergleichen

Elf Designrichtungen getestet. Fünf Versicherungsseiten überarbeitet.

RedesignConversion OptimierungKundeninterviews

Ergebnis in einem Satz

Nach dem Redesign lagen die gemessenen Conversion-Raten 16 bis 110 Prozent höher.

Meine Rolle

UX Researcher, UX Designer, UX Writer, Stakeholder Management, Projektleitung

Im Team mit

Mirko Fazio (UX) · Produkt Manager · Business Analyst

Vorher · Nachher

Fünf Versicherungsseiten auf Basis von Research überarbeitet.

Swisscom Versicherungs-Produktseite nach dem Redesign
Nachher
Wirkung in Zahlen
1'000+

Research-Teilnehmende

11

Designvarianten entwickelt

5

Produktseiten mit gemessenem Uplift

+110 %

Conversion Uplift im Spitzenwert

01Situation

Für die fünf Produktseiten fehlten dokumentierte Nutzertests.

Validierung aufbauen

Verständlichkeit und Vergleichbarkeit sollten mit Kund:innen geprüft werden.

Entscheidungsgrundlage schaffen

Wir wollten wissen, welche Informationen die Produktauswahl unterstützen.

02Komplikation

Zu zweit verantworteten wir Research und Redesign für fünf Versicherungsseiten.

Kernteam von zwei

Research, Design, Testing und Auswertung lagen bei Mirko Fazio und mir.

Gemeinsame Grundlage

Wir machten Research und Ergebnisse für alle Beteiligten nachvollziehbar.

03Vorgehen

Wir verglichen elf Designrichtungen im Präferenztest und überarbeiteten die Seiten anhand des Feedbacks.

Quantitativ und qualitativ

UEQ-Umfrage mit über 1.000 Teilnehmenden, inklusive Wettbewerbsvergleich.

11 Designvarianten im direkten Vergleich

Elf Designrichtungen im Präferenztest verglichen.

Iteratives Redesign

Entwürfe mit Nutzenden getestet und anhand ihres Feedbacks überarbeitet.

Gemeinsam verantwortet

Mirko Fazio und ich verantworteten Setup, Research, Design und Auswertung.

04Ergebnisse

Haushalt

+78 %

Rechtsschutz

+16 %

Reise

+87 %

Mietkaution

+39 %

Freizeit

+110 %

Gemeinsames Vorgehen

Fünf Produktteams übernahmen das Vorgehen als gemeinsame Arbeitsweise.

Research

Bevor wir gestaltet haben, haben wir gemessen, wie Menschen Versicherungen verstehen und vergleichen.

01

Quantitativ

UEQ-Umfrage mit über 1'000 Teilnehmenden, inklusive Wettbewerbsvergleich als Referenzrahmen.

02

Qualitativ

Interviews, Remote Testing und Usability Tests zeigten, woran das Verständnis konkret scheiterte.

03

Präferenz

Max-Diff-Analyse über die entwickelten Designvarianten, um Richtungen belastbar zu priorisieren.

Design Exploration

Mehr als eine gute Idee.

Statt früh eine Richtung festzulegen, entwickelten wir bewusst unterschiedliche Lösungsansätze und liessen Nutzer:innen vergleichen.

Designvariante mit Vergleichstabelle, Variante 01
Tabelle 01Vorschau wählen, Pfeiltasten nutzen oder das grosse Bild vergrössern.
Max-Diff-Ergebnis

Welche Variante hilft bei der Entscheidung?

Elf Designrichtungen im Präferenztest verglichen. Die Teilnehmenden wählten jeweils die überzeugendste und die schwächste Variante.

Best: als bevorzugte Variante gewählt · Worst: als schwächste Variante gewählt · k. A.: nicht dokumentiert

🥇 1st
Tabelle · 01
Best 59 %Worst 9 %
🥈 2nd
Tabelle · 02
Best 59 %Worst 14 %
🥉 3rd
Tabelle · 03
Best 61 %Worst 20 %
4th
E-Commerce · 06
Best 52 %Worst 13 %
5th
SaaS · 02
Best 41 %Worst 27 %
6th
E-Commerce · 01
Best 35 %Worst 23 %
7th
E-Commerce · 03
Best 34 %Worst 25 %
8th
E-Commerce · 02
Best 19 %Worst 41 %
9th
E-Commerce · 05
Best 16 %Worst 48 %
10th
E-Commerce · 07
Best 13 %Worst 57 %
11th
SaaS · 01
Best k. A.Worst k. A.

Der Präferenztest brachte eine andere Reihenfolge als intern erwartet.

Vergleichbarkeit setzte sich durch.

Die drei stärksten Varianten arbeiteten besonders deutlich mit strukturierter Auswahl und direktem Vergleich. Das Ergebnis gab uns eine klare Richtung für die weitere Gestaltung.

Designentscheidung 01

Versicherungen direkt vergleichen.

Die Vergleichstabellen entstanden als direkte Antwort auf das Research-Learning.

Unterschiede zwischen Versicherungsleistungen werden schneller sichtbar.

Die Entscheidung wird weniger davon abhängig, dass Nutzer:innen lange Textabschnitte lesen und erinnern.

Vergleichstabelle der Deckungen einer Hausratversicherung
Vergleichstabelle Hausrat
Vergleichstabelle nach Lebenssituation gegliedert
Vergleich nach Lebenssituation
Designentscheidung 02

Details genau dann, wenn man sie braucht.

Versicherungen benötigen viele Detailinformationen.

Statt alles gleichzeitig darzustellen, wurden Zusatzinformationen über Tooltips und Accordions kontextuell verfügbar gemacht.

So bleibt die Oberfläche scanbar, ohne relevante Informationen zu entfernen.

Tooltip mit Detailerklärung zu einer Versicherungsleistung
Tooltips
Accordion mit ausklappbaren Detailinformationen zur Deckung
Accordions
Designentscheidung 03

Die Entscheidung bleibt sichtbar.

Bei langen Produktseiten sollten Nutzer:innen ihre aktuelle Auswahl und den nächsten Schritt nicht aus dem Blick verlieren.

Der Sticky Basket hält Preis, Auswahl und Handlungsmöglichkeit präsent.

Sticky Zusammenfassung der gewählten Versicherungsoptionen
Auswahl-Zusammenfassung
Produktseite mit mitlaufendem Warenkorb über die volle Seite
Sticky Basket im Seitenkontext
Mobile

Nicht einfach kleiner gemacht.

Vergleich, Detailtiefe und Auswahl wurden für kleine Screens neu sortiert, statt das Desktop-Layout zu stauchen.

Mobile Versicherungs-Produktseite, Einstieg in die Auswahl
Einstieg
Mobile Ansicht mit Vergleich der Deckungsvarianten
Vergleich
Mobile Ansicht mit Auswahl-Zusammenfassung und nächstem Schritt
Auswahl
Finale Produktseiten

Das Ergebnis.

Fünf Produktseiten, gleiche Logik: vergleichen, verstehen, entscheiden.

Finale Produktseite der Hausratversicherung
Haushalt
Business Impact

Gemessene Conversion vor und nach dem Redesign.

Haushalt
Vorher1,67 %
Nachher2,97 %
+78 %
Rechtsschutz
Vorher3,72 %
Nachher4,31 %
+16 %
Reise
Vorher0,77 %
Nachher1,44 %
+87 %
Mietkaution
Vorher3,79 %
Nachher5,26 %
+39 %
Freizeit
Vorher0,65 %
Nachher1,37 %
+110 %
Methoden
Remote TestingUser InterviewsUX WritingPrototypingUX ScoreFeedback AuswertungUsability TestingMax Diff Analyse
Werkzeuge
Testing TimeFigmaFramerAdobe Analytics

Was ich daraus mitnehme

Präferenzen sichtbar machen

Der Präferenztest brachte eine andere Reihenfolge als intern erwartet.

Vergleichbarkeit verbessern

Die direkte Gegenüberstellung von Leistungen half bei der Produktauswahl.

Wissen nutzbar machen

Die Dokumentation ermöglichte weiteren Produktteams, mit dem Vorgehen zu arbeiten.

Weitere Projekte
max.baasner@gmail.comE-MailAlle ProjekteArchiv