BlacktipEN

Länsförsäkringar

Kunduppdrag · 2018–2024 · UI-design · UX · Illustration · Designsystem

Ett designsystem, en portal för försäkringsförmedlare, illustrationer och redesign av ett CRM-system.

Jag arbetade på Länsförsäkringar som UX/UI-konsult mellan 2018–2024, och fick möjlighet att arbeta med en mängd olika uppdrag: att redesigna koncernens CRM-system (Siebel i botten som skulle förvandlas till ett modernt front end-ramverk), en B2B-portal för försäkringsförmedlare, en stor mängd illustrationer till den publika webbplatsen, konceptidéer & bildmaterial, samt mycket mer.

Illustrationer till landningssidor

Hur ritar man … försäkring?

Vid en redesign av LF:s olika försäkringssidor uppstod ett behov av att skapa illustrativa element som skulle sammanfatta området försäkringen handlade om, utan att för den delen vara alltför generisk. Varje illustration var tvungen att dels följa varumärkets riktlinjer (exakt 2 pixlar breda linjer i antingen rött eller blått), och dels kännas att de hängde samman med innehållet i sig.

Sex exempel på landningssidornas illustrationer för de olika försäkringsområdena.
I sitt sammanhang

På mobilen

Försäkringsinformation är normalt sett inte det roligaste att läsa. Illustrationerna försökte jag vara lättsamma, men ändå ge en stram inramning utan att ta fokus från själva innehållet.

Tre produktsidor i mobilläge – Villaförsäkring, Starta Företagsförsäkring och Skadeanmälan.
Länsförsäkringars designsystem

Begynnelsen av Länsförsäkringars designsystem

Omkring 2019 existerade det inget designsystem i LF:s organisation. Vissa designers hade själva börjat migrera från Sketch till Figma, och oavsett vilken mjukvara man använde sig av, saknades ett gemensamt designsystem eller komponentbibliotek. I alla fall fanns det inget formellt sådant, utan allt arbete baserades på att man delade sketch-libraries till en delad mapp på nätverket, som sedan designern kunde använda sig av.

Jag själv lackade ur en dag på avsaknad av ett stringent ikonbibliotek. Det speciella med just ikonerna på LF är att det inte går att skala upp och ned storlekarna på ikonerna, eftersom alla ikoner måste ha samma linjetjocklek. Ikonerna behövde också finnas i en uppsjö av olika storlekar (20×20, 24×24, 32×32, 40×40 & 70×40 …). Normalt sett hade man alltså löst det med att storleksförändra ikonen, men nu behövde jag manuellt rita om alla ikoner. Över 500 stycken. Det tog sin lilla tid …

Alla ikoner behövde existera i fem olika storlekar, alla individuellt ritade.
Början av det som sedan skulle bli komponenter i designsystemet
Konceptillustrationer

Att visualisera ett internt koncept

Ibland fick jag arbeta med saker som inte alls skulle (eller behövde) följa brand guidelines. En gång fick jag frågan om jag ”kunde rita några konceptuella bilder som skulle förklara ett framtida arbetssätt”? Visst kunde jag det. Resultatet blev en serie handtecknade bilder som visade olika nedslag i en anställds vardag – både idag och i en potentiell framtid.

Konceptillustrationer som användes internt för att visualisera olika arbetssituationer och sammanhang.
B2B-portalen

En hemsida för förmedlare, inte slutkund

Länsförsäkringar förmedlar en mängd olika produkter och tjänster som oberoende försäkringsmäklare i sin tur presenterar till slutkund. Förmedlarsidan är platsen där dessa mäklare skaffar information och kunskap kring dessa tjänster, och jag fick möjlighet att stöpa om en eftersatt webbplats och implementera en rad olika funktioner som gjorde det enklare att hitta rätt information.

Wireframe → design

Från ax till limpa (som det heter)

Att rita wireframes är (eller i alla fall var) det rätta sättet att komma framåt i designprocessen. Dels går det fortare att skissa upp ett flöde med ”tråkiga” grå vyer, men man vinner också på att mottagaren/beställaren inte fastnar i designdetaljer i fel tillfälle.

Wireframes för registreringsflödet. Två spår beroende på om du är en administratör eller mäklare.
Designskiss för startsidan. Ja, bilden innehåller lorem ipsum för länkar och annat.
Workshops

Testskott för användarna

En bit in i processen höll jag ett par workshop:ar där 5–6 personer från både Försäkringsförmedling men också externa mäklarhus fick delta. Alla fick beskriva sin egen roll och utmaning i sitt arbete, och baserat på alla individuella svar kunde jag antingen bekräfta eller förkasta min egen tes om hur förmedlarsidan skulle fungera.

Formatet frågeställningen var skriven i.
Resultatet sammanställdes i en matris baserat på hur lätt eller svårt något var, samt vilken effekt förändringen skulle innebära.
Mer design

Exempel på en undersida

Liv, Hälsa & Sak – tre affärsområden med gemensamma områden, fast med olika innehåll för mottagaren.

Designskiss för Liv-området.
Hur blev allt?

Lanserat långt efter att jag lämnade uppdraget.

Mitt konsultuppdrag på Länsförsäkringar tog (tyvärr) slut under 2024 beroende på nedskärningar av konsulter, och mycket av den tekniska implementeringen av framför allt Försäkringsförmedlingswebben var inte gjord när jag lämnade LF. Jag hade därför liten (eller ingen) kontroll över vad som till sist skeppades publikt, men under 2025 kunde i alla fall den nya Förmedlarsidan se dagens ljus.

(Och ja, jag ser saker som borde korrigeras i webbplatsen)

Besök Förmedlarsidan