E-handel för 74,9M årliga besök inom ett strikt regelverk
Systembolaget är Sveriges statliga alkoholmonopol: 448 butiker, 74,9 miljoner digitala besök om året och ett uppdrag som styrs av folkhälsa snarare än kommersiell tillväxt.
Det mesta produktarbete handlar om att optimera för konvertering. Så är det inte på Systembolaget. Som statligt monopol med ett folkhälsouppdrag är målet att ge bästa möjliga kundupplevelse utan att driva upp vare sig försäljning eller alkoholkonsumtion. Det juridiska och etiska ramverket formar varje designbeslut, från vad som får synas i sökresultaten till hur produkttexterna skrivs.
Den begränsningen visade sig vara en styrka. Den tvingade teamet att tänka på kundupplevelsen på dess egna villkor: tydlighet, självbetjäning, kunskap och förtroende. Inte som en tratt att pressa folk igenom, utan som ett system som ska lämna användarna bättre informerade än när de kom.
Utöver produktarbetet arbetade organisationen helt enligt vattenfallsmodellen, inga tvärfunktionella team, lite designinflytande i processen och beslut fattade uppifrån och ner. Ett av mina uppdrag var att ändra på det.
Projektets omfattning
Omnikanalupplevelse
En enhetlig kundupplevelse på webb, i app och i fysisk butik: ett varumärke, en interaktionsmodell.
Uppdaterad visuell identitet
Ett nytt designspråk som rullades ut konsekvent på alla digitala plattformar.
Produktupptäckt
Lyfta fram sortimentet bättre, och det kunskapsinnehåll som kunderna lutar sig mot när de bestämmer sig.
Självbetjäning för kunder
Förbättra sökbarheten så att kunderna kan hjälpa sig själva, och behovet av support minskar i varje steg.
E-handelstratt
Bygga om hela resan, från Hitta via Jämför, Bestäm och Kassa till Hämta, i alla kanaler.
WCAG 2.1-efterlevnad
Full tillgänglighet på alla plattformar, validerad med användare i nio funktionsvariationskategorier.
Personalisering och relevans
Öka det genomsnittliga sessionsdjupet med smartare rekommendationer och kunskapsinnehåll i rätt sammanhang.
Min roll
Informationsarkitektur
Ledde card sorting-workshops som byggde om hela innehållstaxonomin i den digitala miljön.
Navigationssystem
Designade alla sex navigationsmönster: toppnavigering, hamburgare (mobil), åtgärdsmeny, brödsmulor, kategorifilter och sidebar.
Sök, byggd från grunden
Utvecklade hela söklogiken från grunden: rankning, filtrering, autocomplete-beteende och synonymhantering, allt inom ramen för svensk alkohollagstiftning.
E-handelstratt
Ägde UX genom hela köpflödet: kategoribläddring, produktdetalj, varukorg och kassa.
Designsystem
Delade ansvaret för designsystemet med kollegor och definierade komponenter, mönster och styrning för att hålla webb och app konsekventa mellan teamen.
A/B-testprogram
Ägde experimentupplägget och körde skarpa A/B-tester för att validera hypoteser mot verklig trafik innan full implementering.
Ledarskap inom tillgänglighet
Ledde allt tillgänglighetsarbete från början till slut: partnermöten med externa specialister, tester i nio funktionsvariationskategorier och WCAG 2.1-efterlevnad på alla plattformar.
SEO-byråpartnerskap
Höll partnermöten med externa SEO-byråer och formade den semantiska strukturen, URL-arkitekturen och mätuppföljningen.
Agil transformation
Initierade och drev en agil transformation underifrån. Höll föreläsningar för högsta ledningen om agil utveckling och nya arbetssätt.
Ett år i discovery
Intressentintervjuer med tvärfunktionella team
Vi körde strukturerade intervjuer för att fånga smärtpunkter och krockande prioriteringar innan vi tog in kundperspektivet. Att förstå de interna spänningarna tidigt sparade veckor av efterjustering längre fram.
Användbarhetstester på befintlig sajt
Vi tog reda på var kunderna faktiskt gick bet, inte där vi antog att de gjorde det. Sessionsinspelningar, andel slutförda uppgifter och observerade kringgångar gav oss en grundad utgångspunkt.
Kvantitativ data i stor skala
Vi analyserade stora datamängder från Google Analytics, BI-plattformen och supportsystemet, kopplade beteendesignaler till servicebrister och rangordnade problemen efter faktisk användarpåverkan i stället för intern magkänsla.
Enkäter, heatmaps och card sorts
Vi samlade in feedback digitalt och via callcenter-partners, använde heatmaps för att förstå hur kunderna skannade sidorna, och körde card sorting-sessioner med breda deltagargrupper för att bygga informationsarkitekturen utifrån verkliga mentala modeller, inte ärvd organisationslogik.
A/B-tester på skarp sajt
Där vi kunde validera hypoteser mot verklig trafik innan vi band oss vid en full redesign gjorde vi det.
E-handelstratten
Fem steg: Hitta, Jämför, Bestäm, Kassa, Hämta
Uppdraget var att stödja kundens mål i varje steg utan att knuffa mot ökad konsumtion, en begränsning som gjorde varje mikrobeslut i tratten till ett produktdesignproblem lika mycket som ett affärsproblem.
Navigation som ingångspunkt
Genom alla sex navigationssystemen jobbade vi mobile first. Wireframes testades med användare innan något high fidelity-arbete drog igång, itererades tills vi kunde se att uppgifterna slutfördes tillförlitligt, och togs sedan vidare till visuell design.
Åtta kundpersonas som beslutsfilter
Ett av de mest värdefulla researchresultaten var en uppsättning på åtta distinkta kundsegment framtagna ur intervjuer, enkäter och beteendedata. I stället för att designa för en genomsnittsanvändare som ingen egentligen är blev dessa personas beslutsfiltret genom hela projektet.
Att bygga sök från grunden
Utgångsläget
Den befintliga sökfunktionen var trasig i så gott som varje avseende. Jag tog ansvar från början till slut och byggde söklogiken från grunden: relevanta resultat, en intuitiv ingång, autocomplete, robust hantering av felstavningar och synonymer, hastighet, personalisering och progressiv avgränsning via filter.
Det juridiska ramverket komplicerade allt
Svensk alkohollagstiftning innebar att vi inte fick visa produktnamn i autocomplete, en alltför direkt väg till köp. Tillverkar- och varumärkesnamn omfattades av samma begränsning. Sökupplevelsen jag ville bygga krockade gång på gång med regelverkets skyddsräcken.
Lösning genom iteration
Lösningen kom genom iteration tillsammans med jurister, utvecklare och externa partners. Vi wireframade scenarier, körde användartester och förfinade steg för steg tills vi landade i ett upplägg som fungerade: juridiskt korrekt, lätt att upptäcka och påtagligt bättre än det som fanns tidigare.
Att initiera den agila transformationen
Vattenfall var det viktigaste problemet att lösa
När jag började arbetade Systembolagets digitala organisation helt enligt vattenfallsmodellen. Kraven skrevs månader i förväg. Designen skedde isolerat från utvecklingen. Återkopplingsslingan mellan ett beslut och dess konsekvens kunde ta flera kvartal. Vattenfallsmodellen gjorde det strukturellt omöjligt att agera på det vi lärde oss av användarna.
Underifrån, medvetet
Transformationen började med teamen närmast produkten. Jag hjälpte dem att köra kortare cykler, leverera i mindre steg och skapa synliga återkopplingsslingor. När de teamen började visa resultat tog jag det uppåt: höll föreläsningar och workshops för högsta ledningen och argumenterade för agilt utifrån resultat och minskad risk snarare än metodik.
En strukturell förändring som överlevde varje enskild funktion
När jag lämnade Systembolaget hade de gått över till tvärfunktionella produktteam som jobbade i sprintar, med designen inbäddad i processen snarare än placerad före den. Den strukturella förändringen överlevde varenda funktion jag levererade.
Vad jag tar med mig
Starta transformationen före produktarbetet
Det agila skiftet jag drog igång löpte parallellt med redesignen, vilket gjorde att de båda satsningarna konkurrerade om tid och uppmärksamhet. I ett projekt av den här omfattningen är kulturförändring infrastruktur. Behandla den som sådan.
Externa partners förstärker, de är inte bara leverantörer
SEO- och tillgänglighetsbyråerna jag samarbetade med hade en spetskompetens som det skulle tagit månader att bygga upp internt. Att driva relationerna som samarbeten snarare än inköp var en betydande faktor bakom resultatet.
A/B-testning behöver en roadmap, inte bara ett verktyg
Vi körde experiment, men reaktivt, vi testade hypoteser allteftersom de dök upp i stället för att utgå från en systematisk experimentplan. På en plattform med den här trafikvolymen hade en strukturerad testroadmap kopplad till produktstrategin fördjupat lärandet rejält.
Formalisera ägarskapet för designsystemet tidigare
Att dela ansvaret för designsystemet fungerade, men styrmodellen växte fram organiskt snarare än medvetet. Att slå fast tydligt ägarskap, bidragsprocesser och en utfasningspolicy redan från första sprinten hade sparat mycket koordineringsarbete i takt med att systemet växte.
Resultat
Alla mål uppnådda
Varje projektmål validerat och levererat. Beta 2020, full lansering till alla användare 2021.
WCAG 2.1
Full tillgänglighetsefterlevnad på alla plattformar, testad med verkliga användare i nio funktionsvariationskategorier.
74,9M besök
Digitala besök om året som den nya plattformen hanterade efter lanseringen.
Agilt skifte
Från en 100% vattenfallsorganisation till tvärfunktionella, agila produktteam, en strukturell förändring, inte bara en processjustering.
Jag tar mig an ett eller två uppdrag i taget
Jag jobbar inne i ditt team, och resultatet äger vi tillsammans. Skalar du en digital produkt som rör sig långsammare än din ambition, boka ett samtal.