Pattern Library
UI-Design
Brand refresh
UX Fine Concepts
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.
Bildstil
→ Leuchtende Farben und starke Kontraste
→ Urbaner, junger und authentischer Look
→ Verspielte, ausdrucksstarke Motive
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
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.
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.