40 olika versioner av den gröna SJ-knappen. Det var bara en av utmaningarna för tågjätten innan designsystemet kom på plats. Idag håller den grafiska designen ihop i alla kanaler och UX-designers och utvecklare kan lägga mer tid på saker som gynnar användarna och affären.
Kund: SJ
Vi arbetade med: Tjänstedesign, UX-design, Designsystem
Idag sker nästan hela SJ:s försäljning i digitala kanaler. Det är en komplex affär med många system och verktyg som behöver fungera tillsammans. I samband med att Antrop kom in för att leda arbetet med designsystemet skulle många av systemen också byggas om. Vid den tidpunkten hade SJ precis börjat använda gemensamma komponenter som kunde återanvändas över team- och kundflöden, men det saknades styrning och många komponenter skilde sig åt i utveckling mot design. Den första utmaningen var därför att återta ägandeskapet, effektivisera och beta av designskulden för det som redan hade utvecklats. Arbetet med en långsiktig vision behövde ske parallellt med daglig stöttning av flera utvecklingsteam.
Innan strategin formulerades var det viktigt att ta reda på vad SJ ville med designsystemet och vilka behov utvecklingsteamen hade.
För att få svar gjorde Antrop intervjuer om SJ:s befintliga komponentbibliotek och processer. En brist som blev tydlig var att olika komponenter utvecklades av olika team. Detta gjorde att många medarbetare la mycket tid på att uppfinna hjulet gång på gång och att resultatet blev spretigt. Lösningen blev att formulera en långsiktig vision för designsystemet som produkt och bestämma arbetssätt, roller och ansvar för att ta sig dit.
Insikterna om vad som behövde förändras resulterade både i en ny teknisk plattform och en produktägare för designsystemet. Att börja se designsystemet som en egen produkt var ett viktigt skifte på många sätt, inte minst för fortsatt utveckling i en värld som snurrar snabbt. SJ:s designsystem gör det redan idag möjligt att till exempel testa snabbare och enklare anpassa komponenter efter krav på tillgänglighet, men det är bara början.
Tydliga rutiner och riktlinjer behövde utvecklas parallellt med att designsystemet togs fram. Numera skapas nya komponenter centralt och kan sedan användas av alla team separat. Det finns en gemensam plats för versionshantering så att alla kan se förändringar per komponent. Detta gör att utvecklingsorganisationen lägger mindre tid på detaljer i gränssnittet och kan fokusera mer på de mål som SJ har. Nu, två år senare, är det uppemot 20 olika system som använder sig av designsystemet och drar nytta av de kontinuerliga förbättringarna som görs.
— Under de två åren som vi har arbetat med designsystemet har vi steg för steg tagit oss mot visionen som vi tog fram i början, säger Erik Markensten, Head of design på Antrop.
