Hej, Jag heter Sabina och är en kreativ UX/UI-designer i Stockholm
Med en passion för innovation och empati fokuserar jag på att skapa användarupplevelser som skapar lösningar som verkligen gör skillnad
Vakansa
Min roll: UX/UI-designer
Tidsram: 8 veckor
Verktyg: Figma, Illustrator
Om projektet
Vakansa.se är en B2B-lokaldelningsplattform som hjälper företag att effektivt hyra ut och hitta lokaler.
Under min fem veckor långa praktik som UX/UI-designer fokuserade jag på att förbättra användarupplevelsen och öka konverteringsfrekvensen genom att leda användartester och utveckla prototyper.
Användartesterna identifierade flera viktiga förbättringsområden, såsom en otillräcklig sökfilterfunktion och otydlig UX-copy, som skapade friktion i användarupplevelsen. Dessutom behövde företagets grafiska identitet en uppdatering för att stärka varumärkets trovärdighet och professionella framtoning.
Prototyperna är i utvecklingsfasen och kommer att publiceras live när projektet har tagit nästa steg.
-
Prototyping
-
A/B testing
-
Design system
-
Copywriting
-
User research
-
Custumer journey maping
-
Wireframing
-
User testing
Process
Under projektets gång följde jag den strukturerade Double Diamond-metoden, som delas in i två huvudfaser: utforskning och definiering, följt av idéutveckling och leverans. Denna process hjälpte mig att systematiskt identifiera användarnas problem och behov, för att sedan utveckla och testa lösningar som adresserade dessa insikter.
Vakansa.se nuvarande hemsida
Detta är hur webbplatsen såg ut i början av projektet.
.png)
1. User research
Vakansas målgrupper kan delas in i två målgrupper:
1. Hyresgäster: Användare som som letar efter en lokal att hyra för sitt företag/organisation
2. Hyresvärdar: Företag/organisationer som vill hyra ut sin lokal/delar av sin lokal
Då Vakansa redan hade omfattande research om sina målgrupper, deras behov och painpoints kunde jag fokusera mer på att ta fram lösningar och genomföra användartester under min praktik.
Eftersom jag endast hade fem veckor hos Vakansa prioriterades målgruppen hyresgäster, där vi arbetade med att snabbt identifiera och testa nya förbättringar för deras upplevelse.
.png)
2. Website analysis
Jag inledde pprojektet med en grundlig analys av den befintliga webbplatsen för att kartlägga användarflöden, identifiera friktion och pinpointa potentiella förbättringsområden.
Samtidigt formulerade jag hypoteser om användarresan vilket gjorde det möjligt för mig att ställa mer riktade frågor under användarintervjuerna, där jag kunde bekräfta eller dementera mina initiala antaganden.
.png)
.png)
.png)
.png)
3. Competitive analysis
I denna fas genomförde jag en analys av användarresan på konkurrenternas plattformar för att förstå hur de hanterade sina sökfunktioner och filtreringssystem. Jag kartlade deras designlösningar och användartestade hur väl dessa funktioner fungerade, med främsta fokus på just sökfunktionen eftersom jag fått information om att den upptäckts vara bristfällig sedan tidigare.
Undersökningen bestod av 10 deltagare som jag satte i uppdrag att hitta en lokal utefter deras behov och gjordes med participant observation.
4. Persona creation
Motivation
Emma vill hitta en lokal med tillräckligt med rum för sitt företag, där hon även får ta med sin hund, samt en plats nära Södermalm för att säkerställa goda kommunikationer och närhet till kunder och samarbetspartners.
Emma Johansson
About
Ålder: 37
Plats: Stockholm
Yrke: Företagare
Emma driver en liten startup inom tech-branschen. Hon har nyligen expanderat sitt företag och behöver nu mer utrymme för möten och lagring.
Målgrupp hyresgäst
Core needs
-
Tillräckligt med utrymme: Emma behöver en lokal med flera rum för att kunna genomföra möten och lagra material.
-
Hundvänlig lokal: Det är viktigt för Emma att hon får ta med sin hund till arbetsplatsen.
-
Specifikt läge: Närhet till Södermalm för att säkerställa goda kommunikationer med kunder och samarbetspartners.
Digital vana
Pain points
-
Tidskrävande sökprocess: Eftersom Emma har många specifika krav på lokalen, upplever hon att det tar mycket tid och energi att hitta den perfekta lokalen. Hon har svårt att filtrera bort olämpliga alternativ och saknar effektiva verktyg för att optimera sökningen
-
Komplexa hyresregler: Emma upplever att reglerna kring uthyrning är komplicerade och känner oro över att skriva på ett kontrakt utan att helt förstå alla villkor. Hennes hektiska schema ger henne inte tid att sätta sig in i alla detaljer.
-
Ekonomiska begränsningar: Som startup-ägare är Emma noggrann med sin budget, och höga hyror i Stockholm skapar en ytterligare utmaning i att hitta en kostnadseffektiv lösning.
5. User journey mapping
Efter att ha bekantat mig med Vakansas målgrupper utförde jag användartester på deras befintliga webbplats. Testdeltagarna fick bland annat i uppdrag att hitta en lokal med hjälp av filtreringar och kontakta en hyresvärd.
Participantobservationen inkluderade 16 användare, både män och kvinnor i åldrarna 25–50. Med insikterna från dessa tester skapades personas för att tydligt representera användarnas behov och beteenden.
Målgrupp hyresgäst
6. Sketching lofi & midfi
I denna fas började jag med att skapa lofi-skisser för att visualisera och testa olika idéer snabbt. Däreftter skapades mer definierade mid-fi skisser. Målet var att snabbt få fram potentiella lösningar och utforska olika layouter och flöden utan att låsa sig vid detaljer. Skisserna hjälpte till att identifiera tidiga förbättringsområden, och genom att involvera teamet kunde jag få snabb feedback och iterera designen innan vi gick vidare till mer högupplösta prototyper.
7. Prototyping
När skisserna hade itererats i runda 1 började fas 2 - prototyping i Figma. Med hjälp av Figma byggde jag en mid-fi prototyp där användarna kunde klicka sig igenom de viktigaste flödena på plattformen, såsom sökfunktioneroch filtreringsfunktionen.
På bilden går att se ett exempel på ett user testing
som resulterade i att checkboxarna designades om - från runda former till kvadratiska. Detta på grund av att användartesterna avslöjade att användarna ofta inte förstod att det fanns fler valmöjligheter - vilket förtydligades med kvadraterformade checkboxar.
8. Design system
Designsystemet uppdaterades för att modernisera Vakansas visuella identitet, men utan att göra för stora förändringar i färgschemat och ikoner för att behålla igenkänning.
Typsnittet byttes ut till ett mer välkomnande typsnitt, för att bättre spegla företagets vision. Genom användartester upptäcktes att användarna föredrog bilder framför illustrationer, eftersom de upplevde det som mer professionellt och trovärdigt.
New design system
Old design system
New design system
9. Final design
Den uppdaterade landningssidan är utformad för att direkt tilltala målgruppen med en hero-bild och copy som tydligt kommunicerar vilka typer av lokaler Vakansa erbjuder.
Detta möter ett tidigare identifierat behov, då många användare hade svårt att förstå Vakansas utbud och deras målgrupp.
Sökfunktionen har gjorts mer inkluderande, med filtreringsalternativ som t.ex. handikappanpassade lokaler och allergivänliga miljöer, vilket hjälper användarna att spara tid och ger en känsla av inkludering. Dessutom kan nu användarna sortera sökningsresulteten på exempelvis pris och därmed spara tid.
Kartfunktionen har också optimerats – eftersom många upplevde kartan som störande och inte snabbt nog hittade nedstängningsknappen för den, har vi gjort det enklare att hitta och stänga den med en knapp direkt intill kartan.
En annan viktig förbättring är den synliga Frågor & svar-sektionen, som vi har placerat direkt i huvudmenyn istället för enbart footern. Användartester visade att många kände sig osäkra kring detaljerna i uthyrningsprocessen. Genom att göra FAQ-sektionen lättåtkomlig kan vi nu besvara vanliga frågor om processen, regler och avtal, vilket minskar osäkerheten hos användarna och förbättrar deras upplevelse. Detta gör också att vi behåller fler potentiella kunder som annars hade lämnat sidan på grund av bristande information.
Slutligen har vi lagt stor vikt vid att tydliggöra de olika CTA-knapparna på sidan. Varje knapp är designad för att vara visuellt distinkt och enkel att förstå, vilket gör det lättare för användarna att minnas deras funktion och snabbt vidta rätt åtgärd. Den här strukturerade designen skapar en mer intuitiv användarupplevelse och säkerställer att ingen funktion missas.
Tidiga användartester visade bland annat att många upplevde osäkerhet kring vilka steg som krävdes för att hyra ut sin lokal. För att göra processen mer intuitiv har vi implementerat en swipe-funktion som bryter ner processen i tydliga steg. Varje steg är kompletterat med skärmbilder som visar exakt vad användaren kan förvänta sig, tillsammans med mer utförlig copy som ger en tydlig förklaring av varje moment. Detta hjälper användarna att navigera genom processen med större trygghet och förståelse.
Prismodellerna upplevdes som en av de största osäkerhetsfaktorerna, då användarna kände sig osäkra på vad de skulle betala och var rädda för att oavsiktligt signera ett dyrt avtal. Vi har nu förtydligat prisstrukturen genom att presentera den på ett mer visuellt och lättöverskådligt sätt, med klara förklaringar om vad varje paket inkluderar och inga dolda avgifter.
För att möta användarnas frågor och eventuella tveksamheter har vi lagt till en synlig CTA "Har du fler funderingar?" intill footern. Denna uppmaning ger en inbjudande känsla och gör det enkelt för användarna att kontakta Vakansa vid osäkerhet, vilket stärker relationen och förtroendet ytterligare.
För att underlätta för användarna har vi sektionerat FAQ-sidan baserat på målgrupp och kategori, vilket ger en tydlig och strukturerad överblick. Genom att sortera informationen på detta sätt kan användarna snabbt hitta svar som är relevanta för deras specifika behov, oavsett om de är hyresgäster eller hyresvärdar.
Vi har också implementerat en sökfunktion där användarna enkelt kan skriva in sina frågor och få direkt tillgång till de mest relevanta svaren. Detta sparar tid och minskar frustration, särskilt för de som inte vill bläddra genom flera sektioner. Med den här förbättrade strukturen och sökfunktionen skapar vi en mer användarvänlig upplevelse som minskar osäkerheten och förenklar processen för att hitta information.
New design:
10/10 användare upplevde sökprocessen som smidigare
Previous design:
5/10 användare upplevde sökfunktionen som smidig
New design:
10/10 användare upplever att det är enkelt att hitta svar på sina frågor
Previous design:
2/10 användare upplevde att det var enkelt att hitta svar på sina frågor
New design:
En mer inkluderande sökfunktion för de med speciella behov
Previous design:
Användare med speciella behov upplevde sökfunktionen som tidskrävande
Learnings from project
Med endast 5 veckors praktik och en omfattande arbetslista blev jag snabbt tvungen att prioritera det mest kritiska. Detta lärde mig att fatta strategiska beslut om vilka funktioner som kunde levereras inom tidsramen och vilka som behövde skjutas på framtiden.
En av de största lärdomarna var vikten av nära samarbete med både utvecklare och stakeholders. Genom att arbeta tätt med programmerarna fick jag en djupare förståelse för hur tekniska utmaningar påverkar design och hur komplexa vissa funktioner faktiskt är att bygga, även när de kan verka enkla från ett designperspektiv.
