Onpage-Suche Make it in Germany

Konzeption & Gestaltung eines Multivertrags-Kundenportals für Freeyou

Redesign: Transformation zur Multi-Produkt-Plattform – Während meiner Zeit bei der Freeyou AG wurde ich beauftragt, das bestehende Kundenportal neu zu konzipieren und es zukunftsfähig zu gestalten.

UX/UI Design | Research | Prototyping

Projektübersicht

Das Kundenportal war zu diesem Zeitpunkt ausschließlich auf ein einzelnes Produkt ausgelegt. Mit der strategischen Entscheidung der Freeyou AG, künftig weitere Versicherungsprodukte (z. B. eine Gegenstandsversicherung) anzubieten, war eine grundlegende Neukonzeption der gesamten Plattform notwendig.

Diese Produkterweiterung erforderte ein Neudenken der Informationsarchitektur, der Self-Services und der internen Logiken. Sie stellte zudem hohe Anforderungen an die technischen Teams. Für mich im UX/UI-Bereich war dies die zentrale Gelegenheit, alle Komponenten, das Look & Feel und die gesamte User Experience des Portals zukunftssicher zu überarbeiten.

Zielsetzung

  • Entwicklung eines skalierbaren Kundenportals, das mehrere Produkte unterstützt
  • Aufbau einer ersten, modularen Pattern Library für eine konsistente UI und effiziente Weiterentwicklung
  • Sicherstellung einer klaren Nutzerführung trotz wachsender Funktionsvielfalt

Herausforderung

  • Vereinheitlichung der Darstellung mehrerer Versicherungsprodukte.
  • Schaffung einer wiederverwendbaren UI-Struktur (Pattern Library, Komponenten-System).
  • Gleichzeitige Bearbeitung mehrerer Projekte im laufenden Tagesgeschäft.
Onpage-Suche Make it in Germany

Vorgehen & Designprozess

Analyse & technische Abstimmung

In enger Zusammenarbeit mit den Entwicklern, Product Ownern und Stakeholdern wurden zunächst die technischen Rahmenbedingungen und UX-Anforderungen definiert.
Diese Phase war entscheidend, um die neue Multivertragslogik sowohl technisch als auch visuell konsistent umzusetzen.

Onpage-Suche Make it in Germany
Onpage-Suche Make it in Germany

Konzeption & Pattern Library

Basierend auf den Anforderungen entwickelte ich:

  • eine erste Pattern Library in Figma,
  • komponentengestützte Layouts,
  • sowie detaillierte UX-Flows und Wireframes.

Jede Komponente wurde so gestaltet, dass sie flexibel auf neue Versicherungsprodukte und künftige Erweiterungen angewendet werden kann.

Enger Austausch mit der Entwicklung

Durch den direkten Austausch mit Entwicklern konnte ich UX- und UI-Anpassungen im Code unmittelbar begleiten, testen und optimieren. Diese Vorgehensweise führte zu kürzeren Feedback-Loops, höherer Produktivität und effizienteren Releases.

Onpage-Suche Make it in Germany
Onpage-Suche Make it in Germany

Prototyping & Testing

Um das neue Portal und die Funktionen erlebbar zu machen, erstellte ich frühzeitig:

  • High-Fidelity Wireframes,
  • Interaktive Prototypen,
  • und nutzte Storybook zur Visualisierung der ersten Komponenten im Code.

Mittels RapidUserTests wurden wiederholt reale A/B Testing-Ergebnisse eingeholt und diese flossen direkt in den Design-Loop zurück.

Pattern Library Highlights

  • Modulares Figma-System: Komponenten, Variablen, responsive Layouts
  • Wiederverwendbare UI-Patterns: Buttons, Cards, Navigation, Tables, Inputfelder
  • Konsistentes Design Language System (DLS): Typografie, Farben, Spacing-Grid
  • Responsives Portal: Optimierte Darstellung für Desktop, Tablet und Mobile
  • Dokumentation & Storybook: Code-nahe Visualisierung der Design-Komponenten

Ergebnisse

  • Aufbau eines skalierbaren Kundenportals für zukünftige Versicherungsprodukte
  • Etablierung einer einheitlichen Designsprache im Unternehmen
  • Verbesserte Kommunikation und Effizienz zwischen Design, PO und Entwicklung
  • Grundstein für ein zukunftsfähiges UX-Framework bei Freeyou gelegt

Learnings

Ich habe gelernt, wie entscheidend interdisziplinäre Kommunikation und ein gemeinsames Verständnis für technische Machbarkeit sind.

Ebenso war die Umsetzung der Pattern Library in Figma ein prägender Meilenstein, um Designentscheidungen klar, dokumentiert und wiederverwendbar zu gestalten.

Onpage-Suche Make it in Germany

Takeaway

Das Projekt bei der Freeyou AG zeigte, wie durch agile UX-Prozesse, komponentenbasiertes Denken und enge Teamarbeit ein bestehendes Produkt nachhaltig transformiert werden kann — von einer einfachen Produktlösung hin zu einem skalierbaren, nutzerzentrierten Multivertragsportal.

Alle Projekte Nächstes Projekt