Kundcase på Futuregames · Experience Design · 2026
En tydligare väg till rätt tapet.
Jag hjälpte till att omsätta resultat från tillgänglighetsgranskning och användartester i konkreta förändringar av Duro Swedens katalog- och produktflöde.
- Roll
- UX/UI-designer i ett team på fyra
- Tid
- 9–26 februari 2026
- Omfattning
- Avgränsat köpflöde på dator
- Leverans
- Testat Figma-koncept + kodad demo
Uppdraget
Tillgänglighet i ett köpflöde.
Duro bad oss förbättra tillgängligheten. Efter avstämningen med kunden fokuserade vi på ett flöde på dator: hitta en tapet, välja en variant och spara den utan att tappa bort sig. Vi granskade förslaget mot WCAG 2.1 AA.
Det här är ett testat lösningsförslag och en fristående demo. Det infördes inte på Duro Swedens produktionssajt.
Varför designen ändrades
Tre hinder i flödet.
I de första testerna tappade deltagarna orienteringen, hade svårt att filtrera utbudet och fick för lite bekräftelse efter ett val. Det blev prototypens tre prioriteringar.
- 01Jämförelse
Analys av Sandberg Wallpaper
- 02Granskning
Manuell + Squidler WCAG-kontroll
- 03Observation
4 tester på den befintliga sajten
- 04Sammanställning
Affinitetsdiagram + Hur kan vi-frågor
Utforska ett designbeslut
Filter i katalogen
Gör filtreringen förutsägbar.
- Observerat
- Det gick bara att välja ett alternativ per filterkategori. Vissa resultat från färgfiltret motsvarade inte deltagarnas förväntningar, och sidan uppdaterades innan de hade valt färdigt.
- Designat
- Använd flervalsfilter med kryssrutor, synliga val och tydliga knappar för Tillämpa och Rensa. Visa färgvarianter redan i produktlistan så att resultatet går att bedöma innan produktsidan öppnas.
- Underlag
- Deltagarna kunde använda prototypens flervalsfilter för att kombinera val.
Andra testomgången
52 % kortare tid i den mätta uppgiften.
Fyra deltagare testade Figma-prototypen. I slutpitchen redovisades tiderna nedan för en tidsmätt uppgift där deltagarna skulle hitta rätt produkt.
Ett resultat från ett litet studenttest, inte ett bevis på högre konvertering eller full WCAG-efterlevnad.
Min roll
Mitt fokus: filtrering.
Jag arbetade med den delen från de första testanteckningarna genom Figma och vidare in i den kodade prototypen.
Det här gjorde jag
- Jämförde Sandberg Wallpaper och bidrog till den manuella och verktygsstödda WCAG-granskningen.
- Hjälpte till att planera testuppgifter, modererade ett test i varje omgång och använde resultaten för att skissa filtreringsflödet.
- Byggde filtreringsgränssnittet i Figma med återanvändbara komponentlägen, uppdaterade genomgången och presenterade i slutpitchen.
Tillsammans levererade vi Figma-konceptet, grupprapporten, den inspelade genomgången och slutpresentationen.
Kodad prototyp
Filtreringslogiken i kod.
Parallellt med Figma-arbetet byggde jag vidare på ett AI-assisterat React-grundprojekt. Mina commits gällde flervalsfilter, filtertaggar, produktdata, rättningar i produktvyerna och publicering. Resten av demon innehåller även önskelista, varukorg och bekräftelsenotiser.
- Figma
- WCAG 2.1
- Användartestning
- React
- TypeScript
Det jag tog med mig
Börja med lösningen.
Slutpitchen lärde mig att visa lösningen och affärsnyttan först, och sedan använda underlaget för att förklara designbesluten.