Hoppa till innehållet

Marcus Ahlstrand

Sodexo

Roll:
UX/UI Designer
År:
2025–
Bransch:
Vård och omsorg

Omdesign av Sodexos digitala hjälpmedelsportal med fokus på e-handel, utbildning och tillgänglighet

Bakgrund

Sodexo ansvarar för en digital hjälpmedelsportal där förskrivare inom vård, äldreomsorg och privata aktörer beställer hjälpmedel som rullstolar, sängar och sittdynor. Projektets mål var att slå samman två äldre system från olika regioner (Stockholm/Norrköping och Linköping) till en gemensam, modern plattform.

Den nya lösningen behövde förbättra användarupplevelsen, bli tillgänglighetsanpassad, mobilvänlig och erbjuda en enhetlig struktur för funktioner som e-handel, utbildningsplattform, orderhistorik och förskrivar-sök.

Min roll och ansvar

Jag kom in i projektet när utvecklingen redan påbörjats, med uppdraget att förstå användarnas behov och omsätta dem i konkret, användbar design.

Min roll var att:

  • Utforska användarnas behov
  • Ta fram wireframes och UI-skisser i Figma
  • Förbättra befintliga användarflöden för förskrivarna
  • Säkerställa tillgänglighet och mobilanpassning
  • Kravställa mot utvecklingsteamet kring funktion och interaktion

Jag arbetade tätt med stakeholders hos Sodexo, ansvarade för att driva designbeslut och såg till att rätt intressenter var involverade i processen.

Process

Projektet hade ett högt tempo och tajt kalendertid inför lansering, vilket krävde en snabbfotad och iterativ arbetsprocess.

Vi inledde med intervjuer med förskrivare för att förstå vad som fungerade bra respektive dåligt i det befintliga systemet. Baserat på insikterna arbetade vi i korta sprintar där jag tog fram nya skisser varje vecka.

Skisserna presenterades löpande för förskrivare och Sodexos team i avstämningar där vi samlade in feedback och snabbt kunde justera designen.

Vi utgick från ett centralt designsystem, vilket möjliggjorde att snabbt arbeta med pixelperfekta skisser och fokusera på flöden, komponentval och interaktioner. Vissa delar justerades eller vidareutvecklades utifrån användarnas behov.

Jag blir väldigt frustrerad när jag letar efter en specifik produkt
Citat från en användare av dagens system

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.

Navigationsstruktur för Sodexos hjälpmedelsportal

E-handelsflöde

Filtrerbar produktöversikt i e-handeln
Vi designade en luftig och filtrerbar översikt där användaren snabbt kan hitta rätt hjälpmedel. Fokus låg på tydlig kategorisering och visuellt igenkännbara produktkort. Filtren är anpassade utifrån hur förskrivarna söker – t.ex. bredd, längd och viktklass.
Produktsida med specifikationer och tillbehör
Produktsidan är byggd för snabb beställning men ger även möjlighet att ta del av viktiga specifikationer och tillbehör. Vi testade flera layouter för att hitta en balans mellan teknisk information och tydlig call to action.
Ordervy med orderstatus och leveransinformation
En ny vy för att visa sammanställd information om varje order. Vi visualiserade orderstatus, leveransinformation och tidigare beställningar för att göra det enklare att följa upp, särskilt för återkommande beställare inom vård och omsorg.

Utbildningsflöde

Översikt över kommande utbildningar
Vi skapade en översikt där användaren ser sina kommande utbildningar direkt vid inloggning. Här är det enkelt att boka nya tillfällen, se tid och plats, eller avboka vid behov. Användarna efterfrågade just denna typ av snabb översikt i våra intervjuer.
Detaljsida för ett kurstillfälle
En tydlig detaljsida för varje kurstillfälle med info om innehåll, plats, tider och målgrupp. Vi lade vikt vid tydliga call to actions och att användaren enkelt skulle kunna anmäla sig eller tipsa en kollega.
Vy över tidigare genomförda kurser
En samlad vy över tidigare genomförda kurser. Här ville vi ge användaren möjlighet att följa sin historik och eventuellt be om intyg eller boka om sig till fördjupande kurser. Listan är filtrerbar efter datum och typ.

Resultat och lärdomar

Resultat

  • Färre felbeställningar jämfört med tidigare system
  • Förskrivare kan enklare samarbeta utan att kontakta varandra manuellt
  • Effektivare utbildningshantering, fler användare kan delta i kurser
  • Ökad kundnöjdhet med Sodexo som leverantör

Lärdomar

  • Det går att involvera användare även under stor tidspress – om man planerar rätt
  • Vikten av tydlig kravställning mot utvecklingsteamet tidigt i processen
  • Trots tillgång till designsystem bör man inleda med lo-fi-flöden för att landa funktion innan man går in i UI

Det jag är mest stolt över i projektet är att vi trots tajt deadline lyckades skapa något som verkligen uppskattas av användarna.