Redesign av Matoma's nettside

Med fokus på brukervennlighet og merkevare

Skoleoppgaven jeg fikk var å redesigne Matoma's nettside (https://www.hakunamatoma.com/) og lage en prototype som viser en forståelse av designprinsipper, estetikk og brukervennlighet. Her ønsket jeg å fokusere på bruk av farger og elementer fra Matomas albumcover, og forsterke brukervennlighet med store klikkbare områder og god kontrast.

Visuelt design inspirert av albumcover

Jeg tok inspirasjon fra den originale nettsiden for det visuelle designet, men brukte elementer fra albumcoveret for å lage et design med et sammenhengende tema som passet til albumet. Dette var for å skape en tydelig merkevare, og fremheve det nye albumet.

Fargene valgte jeg fordi de harmoniserte godt sammen, og brukte de på bakgrunner og hover-effekter. Jeg har også brukt glassmorphism inspirert av albumet, for å skape dybde, noe jeg savnet på den originale siden. Samtidig ville jeg ikke lage forstyrrende elementer, og jeg synes at glasseffektene var en enkel og fin detalj. 

Typografi for lesbarhet, først og fremst

Bruken av italics på tekst er et mer kunstnerisk valg, men for en nettside er det mer dekorativt enn lesbart ettersom stilen ikke separerer bokstaver godt fra hverandre. Jeg ønsket å sørge for god brukervennlighet, og gikk dermed bort ifra dette designvalget på min løsning. 

Jeg beholdt Georgia som font, men brukte den heller til overskrifter. For lesbarhetens skyld brukte jeg en sans-serif font.

Asymmetrisk layout

Det originale designet var midtstilt og smalt, som i seg selv var en enkel og “clean” måte å ha siden på. Jeg ville derimot gjøre den mer visuelt interessant siden nettsiden skal formidle kreativitet. Derfor valgte jeg å legge navigasjonen på venstre siden for å skape en asymmetrisk følelse, og dermed virke litt mer interessant.

Balansen mellom det brukervennlige og estetiske

Jeg utfordret meg selv på å lage en nettside som var brukervennlig, men samtidig fremhevet den kreative siden, siden det skal representere en musikers kunst. For å jobbe med denne utfordringen brukte jeg mye tid på å eksperimentere med layout, farger og effekter.