image

Website relaunch - Versicherung

Design und Komponenten der alten Website waren uneinheitlich, veraltet und nicht barrierefrei, der Funnel hatte hohe Drop-Off-Rates. Um die User Experience zu verbessern und die Funnel-Conversion zu erhöhen, modernisierte ich den Markenauftritt, erstellte eine neue Pattern Library und UI Designs für alle Hauptseiten.

Alle gezeigten Bilder sind Platzhalter und für dieses Portfolio angefertigt worden.
deep teal
#012E33
Kontrast 14.58 : 1
Großer Text AAA
Normaler Text AAA
white
#FFFFFF
Kontrast 16.30 : 1
Großer Text AAA
Normaler Text AAA
Teal mist
#DDEBEC
Kontrast 13.33 : 1
Großer Text AAA
Normaler Text AAA
flamingo Mist
Kontrast 15.26 : 1
Großer Text AAA
Normaler Text AAA
light teal
#66CDCC
Kontrast 8.67 : 1
Großer Text AAA
Normaler Text AAA
soft teal
#02656E
Kontrast 6.80 : 1
Großer Text AAA
Normaler Text AA
flamingo
#FF8B82
Kontrast 7.930 : 1
Großer Text AAA
Normaler Text AAA
In einem ersten Schritt entwickelte ich eine zeitgemäße und in die digitale Welt passende visuelle Identität, u.a. Farbpalette, Typografie und Bildwelt. Dabei sollten einige Kernelemente der alten Marke und die Markenwerte beibehalten werden.
image 480
image 481
image 478
Bildstil
→ Leuchtende Farben und starke Kontraste
→ Urbaner, junger und authentischer Look
→ Verspielte, ausdrucksstarke Motive
image 477
Plus Jakarta SAns
moderne, gut lesbare Sans-Serif mit klaren Linien und freundlichem Charakter
Newsreader
zeitgemäße Serifenschrift mit klassischer Anmutung und eleganten Details
Icons
Heroicons (outline): klar, konsistent und vielseitig einsetzbar
image 649
image 650
Für die wichtigsten Seiten gestaltete ich die UI-Designs, in enger Abstimmung mit der Kund:innenseite. Parallel baute ich die Pattern Library mit allen benötigten Komponenten auf. Diese diente als Grundlage für die technische Implementierung.
MacBook Air (2022)
image 651
iPhone 16 Pro
Durch die aufgefrischte Marke, die neue Pattern Library (mobile und Desktop) und optimierte UI-Designs konnte ich dem digitalen Auftritt der Versicherung einen zeitgemäßen Anstrich mit Fokus auf Nutzer:innenführung und Barrierefreiheit geben. Der überarbeitete Funnel erhielt positives Feedback vom Kundenservice und erreichte bereits in den ersten Wochen um ein Vielfaches bessere Ergebnisse.
R-mockups, MacBook Air (15 inch)

Website relaunch - Versicherung

Design und Komponenten der alten Website waren uneinheitlich, veraltet und nicht barrierefrei, der Funnel hatte hohe Drop-Off-Rates. Um die User Experience zu verbessern und die Funnel-Conversion zu erhöhen, modernisierte ich den Markenauftritt, erstellte eine neue Pattern Library und UI Designs für alle Hauptseiten.

Alle gezeigten Bilder sind Platzhalter und für dieses Portfolio angefertigt worden.
deep teal
#012E33
Kontrast 14.58 : 1
Großer Text AAA
Normaler Text AAA
white
#FFFFFF
Kontrast 16.30 : 1
Großer Text AAA
Normaler Text AAA
Teal mist
#DDEBEC
Kontrast 13.33 : 1
Großer Text AAA
Normaler Text AAA
flamingo Mist
Kontrast 15.26 : 1
Großer Text AAA
Normaler Text AAA
light teal
#66CDCC
Kontrast 8.67 : 1
Großer Text AAA
Normaler Text AAA
soft teal
#02656E
Kontrast 6.80 : 1
Großer Text AAA
Normaler Text AA
flamingo
#FF8B82
Kontrast 7.930 : 1
Großer Text AAA
Normaler Text AAA
In einem ersten Schritt entwickelte ich eine zeitgemäße und in die digitale Welt passende visuelle Identität, u.a. Farbpalette, Typografie und Bildwelt. Dabei sollten einige Kernelemente der alten Marke und die Markenwerte beibehalten werden.
top image
Frame 26086442
Bildstil
→ Leuchtende Farben und starke Kontraste
→ Urbaner, junger und authentischer Look
→ Verspielte, ausdrucksstarke Motive
Frame 26086444
Plus Jakarta SAns
moderne, gut lesbare Sans-Serif mit klaren Linien und freundlichem Charakter
Newsreader
zeitgemäße Serifenschrift mit klassischer Anmutung und eleganten Details
Icons
Heroicons (outline): klar, konsistent und vielseitig einsetzbar
image 653
Für die wichtigsten Seiten gestaltete ich die UI-Designs, in enger Abstimmung mit der Kund:innenseite. Parallel baute ich die Pattern Library mit allen benötigten Komponenten auf. Diese diente als Grundlage für die technische Implementierung.
MacBook Air (2022)
image 633
image 634
Durch die aufgefrischte Marke, die neue Pattern Library (mobile und Desktop) und optimierte UI-Designs konnte ich dem digitalen Auftritt der Versicherung einen zeitgemäßen Anstrich mit Fokus auf Nutzer:innenführung und Barrierefreiheit geben. Der überarbeitete Funnel erhielt positives Feedback vom Kundenservice und erreichte bereits in den ersten Wochen um ein Vielfaches bessere Ergebnisse.