Roll:
UX/UI-designer (solo)
Tidsperiod:
Dec 2023 – Apr 2024
Verktyg:
Figma, Jira, Miro, Notion
OFN – ny design för fotbollsapp
Bakgrund
OFN samarbetar med ledande europeiska fotbollstränare för att erbjuda högkvalitativ utbildning till unga spelare. Syftet är att hjälpa dem att utveckla sina färdigheter och nå sin fulla potential.
Den befintliga appen hade problem med lågt engagemang och en föråldrad design, vilket gjorde det svårt att attrahera och behålla användare.
Mitt uppdrag var att designa om appen från grunden - förbättra användbarheten, skapa en mer enhetlig varumärkesupplevelse och göra appen mer motiverande och engagerande för unga spelare.
Utmaning
Föråldrat gränssnitt och inkonsekvent design
Lågt användarengagemang och svårt att locka nya användare
Värdefullt innehåll, men en presentation som minskade användarnas förtroende
Research
För att inleda projektet genomförde jag en konkurrensanalys av appar inom fotbollsutbildning för att förstå branschstandarder och identifiera förbättringsområden för OFN:s app.
Jag analyserade även feedback från 42 användare, vilket ledde till skapandet av user personas.
Insikter från användarintervjuer:
Kortsiktiga mål: Prestera bra i skolan
Långsiktiga mål: Satsa på en professionell fotbollskarriär
Utmaningar: Att balansera skola, träning och fritid
Insikter från personas:
Svårt att hitta innehåll som matchar deras färdighetsnivå
Behov av åldersanpassade resurser
Vill ha enkel vägledning steg för steg
Söker gemenskap med andra spelare
Vill kunna samarbeta och dela erfarenheter
Har svårt att anpassa avancerade tekniker till sin nivå
Designtrender som observerades:
Sportappar: Energifulla färger, mörkt läge, gamification
Utbildningsappar: Minimalism, tillgänglighet, färgkodning
Resultat
Jag kombinerade energin från sportappar med tydligheten från utbildningsappar och skapade en design som känns livlig men lättnavigerad.
Centrala designval:
Personlig upplevelse anpassad efter åldersgrupp
Steg-för-steg-struktur för att lära sig nya tekniker
Minimalistiskt gränssnitt med starka orange accenter för energi
Versaler i rubriker för fokus och dynamik
Jag tog fram flera prototyper i Figma, testade dem i feedback-sessioner och itererade för att öka tydlighet och engagemang.
Lärdomar
Den nya designen är fortfarande under utveckling, men riktningen är tydlig:
En modern och ren UI-design som skapar engagemang
En UX byggd utifrån användarbehov – enkelhet, vägledning och åldersanpassning
En stark grund för framtida funktioner som community och samarbete
Vad jag lärde mig:
Enkelhet = användbarhet – en ren design bygger förtroende
Feedbackloopar är avgörande – iteration förbättrar resultat
Balansen mellan energi och funktion skapar en upplevelse som är både engagerande och användbar
Nästa steg blir att genomföra ytterligare användartester efter lansering för att finslipa funktioner och bekräfta designbeslut.
