Omdesign av Prestationsverket
Omdesign av en e-handelswebbplats, tydligare struktur, ett genomarbetat designsystem och en förbättrad användarupplevelse.
Min roll
Moodboard, färgsystem, köpresa, produktsida, mikrointeraktioner och designsystem.
Genomfört i team.
01Bakgrund
Prestationsverket förvandlar prestationer som ett lopp, ett äventyr eller en milstolpe till personliga tavlor. I grupp fokuserade vi på det kommunicerade problemet kring köpresan och varför många kunder avbryter den mitt i. Eftersom mobil var den största kundgruppen utgick hela omdesignen från en 375 px bred vy.
02Process
Vi analyserade den befintliga sidan och tog sedan fram moodboards, typografi, wireframes och prototyper i Figma. Arbetet planerades i Trello och beslut stämdes av i återkommande gruppmöten. Målet var att framhäva själva produkten genom en tydligare och mer inspirerande startsida, och en ny produktsida som blir första steget i köpet.
03Designsystem
Eftersom slutprodukten är en tryckt tavla valde vi serif-typsnittet Lora för rubrikerna för att knyta webben till print, och Work Sans för brödtext och knappar. Paletten bygger på tre neutrala basfärger med sand och grön som accenter, ett balanserat tema som inte stjäl uppmärksamhet från produktbilderna.
04Resultat och lärdomar
Resultatet blev en omdesign i mobilvy, dokumenterad i ett gemensamt designsystem. Genom att bygga produktsidan insåg jag hur stor roll detaljer som avstånd och tydlig hierarki spelar för användarupplevelsen. Jag blev också mer bekväm i Figma och lärde mig bygga fungerande prototyper med interaktiva element.
Mobil köpresa
Från inspiration till egen tavla
Tydligare startsida
Produktens värde, processen och trygghet presenteras i en tydlig ordning.