axelnell.se

Less is more

Det kändes oinspirerande att se alla pixel-perfect, svartvita portfolios av designers idag. Ingen mall i Framer kändes ärlig eller personlig nog för mig som UX-student eller musiker.
Jag tog därför en mycket simpel mall och byggde om den från grunden, för en hemsida som är 100% Axel.
Med en dithered profilbild som sticker ut parat med ett färgtema som speglar min mörka Lo-Fi musik visar jag tydligt min visuella identitet med så lite medel som möjligt.
Jag är trots allt fortfarande en UX-student, varför ska min portfolio se ut som en Apple hemsida? :)

Färger, typografi & information

Jag gillar färgen grön som ni kanske ser. En uppgift för mig blev att använda den ofta utan att sidan blir svårläst.
Headings har getts olika nyanser av grön, där H2 är jättegrön och det stegvis blir blekare nyanser ner till H6. H1 och brödtext, reserverat till de viktigaste texterna, lät jag vara vita för maximal läsbarhet mot den mörka bakgrunden (Accessibility).
Informationshierarkin förmedlas då inte enbart genom storlek utan även färgläggning. Något som underlättar läsande för besökare av sidan och ser till att de snappar upp de viktigaste bitarna.

Interaktion

Jag har ständigt haft Affordance i åtanke när det gäller interaktionen i min portfolio.
I princip allt som är klickbart har tydliggjorts med animationer vid hover/click för skala, position och färgändring som tydlig feedback.
Även en ganska liten Pain Point som en traditionell mailto: länk för mailkontakt, som ofta skickar en till helt fel program, har ändrats till en Copy-to-clipboard funktion.
Mitt mål har varit en så Frictionless upplevelse som möjligt.