UX/UI-design av webbutik
UX/UI-design av webbutik med fokus på tillgänglighet och tydlighet
Ett UX/UI-projekt där jag designade en användarvänlig och tillgänglig webbutik för försäljning av cupcakes online, med fokus på tydlig struktur, generösa klickytor och en smidig köpupplevelse.
Målet med projektet:
Målet med projektet var att designa en modern och luftig webbutik där produkterna står i centrum, med särskilt fokus på användarvänlighet, tillgänglighet och visuell hierarki. Uppgiften ingick i en UX/UI-kurs och omfattade hela designprocessen - från personas och informationsstruktur till färdiga högupplösta frames och en interaktiv prototyp i Figma.
Min erfarenhet:
I projektet arbetade jag metodiskt utifrån etablerade UX- och tillgänglighetsprinciper, med WCAG som en tydlig utgångspunkt. Jag tog fram personas för att förstå målgruppen och använde dessa för att fatta välgrundade designbeslut kring struktur, innehåll och interaktion. Jag lade stor vikt vid kontraster, läsbarhet och klickbara ytor, med genomtänkta färgval, en konsekvent typografisk skala och generösa interaktionsytor. Typografi och spacing baserades på en konsekvent 8-px-skala, och komponenter byggdes med Auto Layout och varianter för att skapa ett skalbart och konsekvent designsystem. Alla designval motiverades och dokumenterades i en användbarhetsanalys.
Resultat:
Resultatet blev en komplett, högupplöst design och klickbar prototyp av en webbutik som kombinerar estetik med funktion. Designen är tydlig, tillgänglig och konsekvent, med fokus på att guida användaren genom köpprocessen på ett intuitivt sätt. Projektet visar min förmåga att omsätta UX-teori till praktiska designlösningar och att skapa genomarbetade gränssnitt som fungerar även med tillgänglighet och mobilanvändning i åtanke.
Figma
WCAG / W3C
WCAG 2.1 / 2.2
Google Fonts
WebAIM Contrast Checker
Unsplash
Design system principles
Iconify
Målgruppsanalys
