UX-Design & Research | Interfacedesign | Prototyping UX/UI für den neuen Antragsrechner der Freeyou Gegenstandsversicherung
Neue Frontend-Architektur, frischer Rebrush, erstes neues Produkt – und alles parallel. Ich habe bei Freeyou den Antragsrechner der Gegenstandsversicherung von Grund auf konzipiert: als technisches und gestalterisches Fundament für alle kommenden digitalen Produkte.

Rolle

Lead UX/UI Designer

Zeitraum

5 Monate (2023 - 2024)

Ergebnis

• Conversion-Steigerung +20%

• „Fast-to-price“ nach nur 6 Steps
• Kurze Time-to-Completion

Projektübersicht

Mit der Einführung der „Freeyou Gadget-Versicherung“ hat die Freeyou AG ein neues Produkt in den Markt gebracht, das einzelne Haushaltsgeräte, Laptops, Tablets und weitere digitale, sowie nicht digitale Geräte schnell, individuell und transparent absichert.

Es gab keine bestehende Produktstrecke, keine definierten User Flows und keine klaren UX-Patterns für die Kommunikation von z.B. Selbstbeteiligung, Risikoklassen oder individuellen Prämien, sowie weiterer Features. Frontend- sowie Backendstrukturen wurde hierzu maßgeblich erweitert.

Herausforderungen

Komplexe Tariflogik, die verständlich wirken muss:
Gerätepreise, Alter des Geräts, Selbstbeteiligung, Tarifstufen und Risiken mussten abgefragt werden — ohne Nutzer zu verlieren.
Unterschiedliche Datenquellen & technische Einschränkungen:
Bestandssystem SCIP (Sapiens/Sumcumo), interne Tarifierung & dynamische Risikoabfragen.
Kein bestehendes UI-Pattern für neue Produkte:
Ich entwickelte die komplette UX-Struktur neu:
Schrittlogik → Formfelder → UI Komponenten → Fehlerkommunikation → Pricing Cards.
Präzise Balance zwischen Schnelligkeit & Sicherheit:
„Ich will in 1–2 Minuten durch sein.” (User)
„Wir brauchen valide Daten für Risikobewertung und Policierung.” (Business Ziel)

Zielsetzung

Ich wurde damit beauftragt, einen digitalen Preisrechner zu gestalten, der:

Nutzer:innen verständlich durch Risikofragen führt
Preise und Prämien transparent berechnet (interne Pricing-Engine)
technische Abhängigkeiten mit dem Backend berücksichtigt
skalierbar und flexibel für zukünftige Produktvarianten bleibt
hohe Conversion-Raten unterstützt
die Markenwerte der Freeyou AG (Fairness, Einfachheit, Jederzeit) widerspiegelt

Research & Insights

Aus Analyse von Nutzerdaten, Interviews und Versicherungs-Benchmarking ergaben sich klare Verhaltensmuster.

Insights

Nutzer:innen verlassen Strecken, wenn die Preislogik nicht klar ist
Geräte-Versicherungen (für z.B. Smartphones) werden meist spontan & mobil abgeschlossen
Komplexe Formulare wirken abschreckend
Zu viele Pflichtfelder erhöhen die Abbruchrate signifikant
Transparenz beim Preis ist einer der wichtigsten Faktoren
Der visuelle Stil beeinflusst das Vertrauen und die Abschlussbereitschaft direkt
Trust-Elemente erhöhen die Abschlussquote deutlich

UX Strategie

Ich entwickelte eine UX-Strategie mit drei Leitprinzipien die auf die Researchergebnisse einzahlen:

1. Fast to Price
Der Preis ist der wichtigste Entscheidungsfaktor. Deshalb führen nur drei Schritte zur ersten Preisberechnung – alle weiteren Details folgen später per Progressive Disclosure. So bleibt der Einstieg schnell und friktionsfrei.

2. Explain as you go
Jede Eingabe wird direkt erklärt: Was bedeutet Selbstbeteiligung? Warum ist das Gerätealter relevant? Wie beeinflusst das den Preis? Diese transparente Kommunikation steigert Vertrauen – und damit die Abschlussrate.

3. Modular by Design
Die gesamte UI wurde modular aufgebaut (Geräteauswahl, Tarifierung, Risikofragen, Pricing Cards, Upsell/Downsell, Zahlung). Das Ergebnis: Eine skalierbare Architektur, die sich leicht auf zukünftige Produkte wie Fahrrad-, Haustier- oder PV-Versicherungen übertragen lässt.

Designlösungen

Klarer, linearer Abschluss-Flow

Gerät auswählen
Basisdaten eingeben
Erstpreis anzeigen
Tarifdetails verfeinern
Kundeninformationen
Checkout & Policierung

Slot-basierte Preisübersicht

Der Preis wird früh und dynamisch angezeigt – so steigt die Motivation, das Gefühl von Kontrolle und die Vergleichbarkeit zwischen den Tarifen.

Visuelle Progress-Bar

Die runde Progress-Bar visualisiert den Fortschritt innerhalb der Antragsstrecke auf intuitive Weise. Anstatt eines klassischen Balkens wurde ein Kreis eingesetzt – als Symbol für Vollständigkeit, Zugehörigkeit und die Markenidentität von Freeyou.

UI-Komponenten für Skalierung

Alle angelehnt an die Freeyou-Markenwelt: klar, freundlich, zugänglich. Ich entwickelte:

Neue Input-Elemente
Kartenlayouts + CTA-Pattern
Risikofragengruppen
Pricing-Module
Validierungen

Konsistenter visueller Stil

Der Look wurde auf Einfachheit & Klarheit optimiert.
(„Zero Stress UI“)

helle, freundliche UI
reduzierte Farbpalette
definierte Fokusbereiche
mobile-first Layouts
starke visuelle Hierarchien

User Flow des Versicherungsrechners

Startscreen

Auswahl des Gegenstands

Step 1 – Gegenstand-Details
(Marke & Modell)

Step 2 – Abfrage nach vorhandener Rechnung

Step 3 – Abfrage nach Art der Nutzung

Step 4 – Kaufdatum

Step 5 – Kaufpreis

Step 6 – Zustand des Gegenstands
+ Beispiel einer Fehlermeldung

Step 6 – Zustand des Gegenstands

Step 7 – Wahl des Versicherungsschutzes I
+ Preisausgabe

Step 7 – Wahl des Versicherungsschutzes II

Step 7 – Wahl des Versicherungsschutzes III

Step 7 – Wahl des Versicherungsschutzes IV

Step 8 – Wahl der Vertragslaufzeit

Step 9 – Bestandskunde?

Step 10 – Bestandskundenlogin

Step 11 – Zahlungsart

Step 12 – Zahlungsintervall

Step 13 – Zusammenfassung und Checkout 1

Step 14 – Zusammenfassung und Checkout 2

Step 15 – Übersicht der Leistungen (Modal)

Step 16 – Success-Screen

Absprung zum Kundenportal

Mitteilungen im Kundenportal

Outcomes

Nach interner Abnahme und Testing zeigte die Strecke messbare Effekte.

+ +20% Conversion-Steigerung in den ersten 30 Tagen
+ Kürzere Time-to-Completion
+ Skalierung der Geräte- und Tarifvielfalt durch eine klare UI

- Geringere Backoffice- & Support-Nachfragen dank vollständigerer Daten
- Weniger technische Fehler durch verbessertes Input-Design

Das wichtigste Ergebnis:
Ein digitales Onboarding, das Versicherungen auf ein modernes Niveau hebt — schnell, verständlich, mobiloptimiert.

Learnings

Die folgenden Erkenntnisse zeigen, welche UX-Prinzipien besonders wirksam sind, wenn komplexe Versicherungslogiken in nutzerfreundliche Produktstrecken übersetzt werden.

Nutzer:innen wollen sofort Verbindlichkeit; „Fast-to-price“ ist entscheidend.
Versicherungsprozesse müssen „übersetzt“ werden — von komplex zu verständlich.
Microcopy ist ein Kernbestandteil von Conversion-UX.
Progressive Disclosure funktioniert in Tarifierungsstrecken hervorragend.
Technische Limitierungen können durch kluge UX-Konstrukte abgefedert werden.