AIKSHOP.SE
Hur kan vi göra hemsidan mer användarvänlig
och samtidigt se till att optimera konverteringen av köp?
Vad är detta : LIA/ Sidoprojekt
Beställare: AIK Fotboll AB
Tidsperiod: Februari 2018
Deltagare : Arbetet är utfört av mig själv.
Min roll: Research, Wireframes, Design, SEO, CRO, Användartester.
UPPDRAG/BRIEF
Jag fick av uppdrag av dåvarande marknadschefen Gabriel Niklasson att optimera AIKshop för användarvänlighet och öka handeln för plattformen.
MÅL:
RESEARCH
Min research började med att granska andra internationella fotbollsklubbars merschandiseplattformar samt MFF som är den svenska klubben som har större omsättning på mershcandise än AIK.
Efter detta valde jag att göra en djupdykning i webbanalysen för att förstå vem är vår kund och vilka målgrupper kan vi öka vår handel på.
Samtidigt applicera jag en heatmap och recordings på AIKshop.se via Hotjar.
Jag lät den samla upp 500 recordings samt 5000 användare på heatmapen. Detta gav mig en bra bild av hur användaren rör sig och vad som förvirrar den befintliga besökaren.
Efter detta så lät jag en enkät ligga ute under en vecka under AIKshop.se där jag frågade besökaren vad man önskar själva skulle finnas eller saknas på hemsidan.
Dessutom lades en poll till där folk kunde flagga för sidor som var förvirrande och få en 1-5 skalig recenseion av besökaren av enskilda funktioner/sidor.
UTMANINGAR
- Få folk att förtå deras ekonomi bättre.
- Göra det enklare att spara och sätta uppnåbara sparmål.
- Få folk mer engagerade i sitt sparande,
- Hjälp - Ge ett verktyg som ger användaren tips .
- Påminn användaren om sitt sparande på ett uppmuntrande sätt.
FÖRSTA DESIGN
Vi började att skissa fram våra första wireframes med funktioner som efterfrågades eller kunde lösa vår målgrupps problem.
Vi ville skapa en tydlig överblick över dina fickpengar dvs. pengar då har över från dina kostnader. Vi började rita på papper och testade user-flowet redan i detta skede genom att be elever, klasskamrater på Berghs prova appen via Marvel Pop.
- Förstår ni vad startsidan visar dig?
- Starta ett sparmål
- Framgår nästa steg hos användaren,.
- Full följ stegen för att sätta upp ett sparmål.
- Framgår det vad boten gör och säger?
LOW-FIDELITY WIREFRAMES
Vi ville skapa en översikt av kundens ”fickpengar”.
Dvs. vad personen hade kvar att röra sig med om bankappen räknade på tidigare
utgifter. Genom att via Open-banking ansluta flera betalkort och plattformar, kunde
Applikationen räkna ut ett mönster på tidigare data.
ANVÄNDARTESTER
Vi anslöt en mobil och lät klasskamrater och andra studenter prova en enkel prototyp. Tillsammans med frågor om hur de upplevde designen, kom vi snabbt fram att vi kunde göra stegen och överblicken tydligare. Vi tänkte om och tog bort onödiga element och steg, nästa test gav mycket bättre resultat och feedback.
