Personalisering av Free Grape Societys webbplats
Bakgrund
Free Grape Society är en startup som säljer vin direkt från vingårdar till konsumenter och restauranger. Som en snabbväxande plattform prioriterades funktion framför användarupplevelse — och alla användare möttes av samma innehåll oavsett om de var vinproducenter, konsumenter eller restauranger.
Vi såg ett behov av personalisering för att bättre möta olika målgruppers behov och öka användarnöjdheten.
💡 Frågeställning:
"Hur kan vi identifiera användarnas behov och skapa en startsida som anpassas efter olika användartyper?"
Målgrupper
- Vinproducenter – administrera produkter smidigt
- Konsumenter – upptäcka, filtrera och handla vin
- Restauranger – effektivisera beställningar
- Vinexperter – dela kunskap och inspirera
Metoder
Vi följde en iterativ UX-process med följande metoder:
- Personas – definierade användartyper
- Card sorting – kartlade och prioriterade behov
- Intervjuer & användartester – verifierade hypoteser och flöden
- Wireframes & prototyper – i Figma, följt av iterationer
- Think-aloud-test – fångade användarnas spontana tankar
Process i korthet
1. Research
- Workshop med produktägaren → kartlade mål och behov.
- Uppdaterade befintliga personas för att spegla målgrupperna.
- Card sorting för att tydliggöra vilka funktioner som var viktigast för respektive grupp.
2. Design
- Fokus på startsidans hero-sektion (den mest synliga ytan).
- Skisser → wireframes → klickbar prototyp.
- UI-guidelines från FGS säkerställde enhetlig stil.
3. Testning
- 5 användare testade prototypen (både konsumenter och B2B-segment).
- Hybrid av användartest och intervju.
- Scenarier som: ”Du är en restaurang – hur registrerar du dig och gör en beställning?”.
4. Iteration
- Små justeringar efter testresultat.
- Löpande avstämningar och förbättringar.
📅 Tidsram: ca 200 timmar på 5 veckor (research, prototyp, test, iteration, rapportering)
Lösningen
En personifierad hero-sektion som automatiskt visar relevanta funktioner för olika användare:
- Snabblänkar (t.ex. ”Lägg till produkter” för producenter, ”Gör beställning” för restauranger).
- Karusell med kategorier.
- Info-/tips-lappar.
- Personliga notifieringar och favoriter i headern.
Resultatet blev en startsida som kombinerar företagets mål med användarnas behov.
Resultatet
- Prototypen verifierades i tester → användarna upplevde högre relevans och enklare navigation.
- Företaget gav mycket positiv feedback → lösningen ansågs bidra till både användarnöjdhet och affärsvärde.
- Projektet visar hur riktade UX-insatser kan skapa konkret värde för olika målgrupper.
Reflektion
Vi insåg vikten av:
- Att avgränsa projektet till hero-sektionen var avgörande för att leverera kvalitet inom tidsramen.
- En mer agil task-uppdelning (scrum-liknande) hade kunnat stärka arbetsflödet.
- Tidigare involvering av nyckelpersoner hade gett ännu bättre insikter.