En tillgänglig e-handels- och utbildningsplattform som hjälper vårdpersonal att beställa rätt hjälpmedel i en hektisk vardag.
- Min roll
- Senior UX/UI-designer (Research, koncept, prototyping, tillgänglighet)
- Målgrupp
- Vård- och omsorgspersonal (äldreboenden, hemvård, region/kommun)
- Fokusområden
- E-handel, WCAG (tillgänglighet), utbildningsflöden, responsiv navigation
- Effekt
- Avsevärt ökad plattformsanvändning och drastiskt minskad kognitiv belastning i kassan
- År
- 2025–
Bakgrund & Utmaning
Sodexos portal används av personal inom vård och omsorg – allt från arbetsterapeuter till omvårdnadspersonal på äldreboenden och i hemvården. Deras uppdrag är att beställa rätt hjälpmedel (t.ex. rullstolar för barn eller specialanpassade stöd) till sina vårdtagare.
Utmaningen var tvådelad:
- Osäkerhet i produktval: Vårdpersonalen behövde ofta bättre kunskap om produkterna för att kunna bedöma vilket hjälpmedel som passade bäst för den enskilda vårdtagarens behov.
- En rörig köpupplevelse: Den befintliga plattformen var svårnavigerad, i synnerhet i kassan där för många val visas samtidigt. Dessutom behövde plattformen fungera lika bra på en mobil ute hos vårdtagaren som på en dator på kontoret, och uppfylla strikta tillgänglighetskrav (WCAG).
Min roll och tillvägagångssätt
Jag drev UX-arbetet från insikt till färdig prototyp och nära samarbete med utvecklarna. Genom användarintervjuer och iterativa tester fokuserade jag på att skala bort onödig komplexitet och bygga ett flöde anpassat efter vårdpersonalens faktiska arbetskontext.
Metoder: Användarintervjuer, tillgänglighetsanalys (WCAG), trådramar, interaktiva prototyper & användartester.
Verktyg: Figma, designsystem, komponentbibliotek.
Insikter & Viktiga Designbeslut
Genom användarintervjuer, tester och nära samarbete med vårdpersonalen landade vi i tre centrala designbeslut som kom att forma plattformen.
1. Från kognitiv överbelastning till ett strukturerat flerstegsflöde
"Jag blir väldigt frustrerad när jag letar efter en specifik produkt och sedan fastnar i kassan." – Användare under test
I de första iterationerna samlades alla val, leveransuppgifter och produktkonfigurationer på en och samma yta i kassan. Användartesterna visade att detta skapade stor frustration och osäkerhet.
Lösning: Jag ställde om kassan till ett tydligt flerstegsflöde (stepper) där informationen delades upp i logiska steg. Genom att minska mängden information på skärmen samtidigt kunde användaren fokusera på ett beslut i taget, vilket gav omedelbart positiv respons i testerna.
E-handelsflöde
2. Utbildning integrerat som ett beslutsstöd
Att köpa hjälpmedel är inte som vanlig e-handel; felköp kan få direkta konsekvenser för vårdtagaren.
Lösning: Vi integrerade produktutbildningar direkt i anslutning till e-handelsflödet. Det gjorde att vårdpersonalen enkelt kunde kompetensutveckla sig och få rätt produktkunskap i direkt anslutning till att de lade sina beställningar.
Utbildningsflöde
3. Tillgänglighet & mobilanvändning i fält (WCAG)
En av de största utmaningarna var navigationsprinciperna: Hur kombinerar man e-handel, produktkataloger och utbildningsmoduler utan att gränssnittet blir tungt?
Lösning: Jag tog fram en ren och responsiv navigationsstruktur som prioriterade sök och kategorinavigation. Eftersom personalen ofta är på spring med mobilen i handen utformades alla interaktiva element och kassan med extra omtanke kring klickytor, färgkontraster och skärmläsarvänlighet (WCAG AA).
Navigationsprinciper
Vi valde att utforma en grund och bred navigationsstruktur för att användaren snabbt skulle kunna hitta till rätt område i systemet.
Fokus låg på att lyfta fram e-handeln med tydliga ingångar till olika kategorier. På desktop valde vi en megameny som ger överblick och direktaccess till hela sortimentet, medan vi i mobil använde en framåtmeny för att ge en logisk och platsbesparande navigering.
Specifika funktioner som t.ex. orderhistorik, utbildning och förskrivarsök placerades som sekundära länkar – högst upp i sidhuvudet på desktop och längst ner i mobilen – för att balansera tillgänglighet med visuell enkelhet.
Resultat & Effekter
- Avsevärt ökad användning: Efter lansering bekräftade beställaren att aktiviteten och användningen av portalen ökade kraftigt.
- Effektivare beställningsflöde: Genom att dela upp kassan i steg minskade osäkerheten och användarna kunde genomföra sina köp snabbare och med färre felinmatningar.
- Tryggare vårdpersonal: Integrationen av utbildningsmaterial gjorde att personalen kände sig betydligt tryggare i att de valde rätt hjälpmedel till sina vårdtagare.