Designsystem for Emanuel Vigeland Museum
Redesign av nettside for Emanuel Vigeland Museum
Designsystemer og universell utforming
Designbrief
Redesign nettsiden til Emanuel Vigeland museum, med mål om å skape en helhetlig, brukervennlig og informativ digital løsning.
Nettsiden skal tydelig strukturere og integrere tre hovedområder: informasjon om museumsbesøk (inkludert billettkjøp og omvisninger), konsertvirksomhet og museets samling. Det legges vekt på å gjøre innholdet lett tilgjengelig og oversiktlig for ulike brukergrupper.
Løsningen skal også inkludere et velfungerende bookingsystem for konserter og arrangementer, samt et effektivt billettsystem for besøkende.
PROSJEKT IDG2201 Designsystemer og universell utforming, vår 2026
VERKTØY Illustrator, Figma
OPPGAVETYPE Gruppeprosjekt med André Karlsen, Harper Yongli Nichols, Michelle Cat Nhu Tran, Miriam Angelsen
Problem
Nettsiden er ikke mobiltilpasset og vanskelig å navigere
Brukere finner ikke informasjon om arrangementer
Booking og praktisk info er utydelig
Dårlig teksthierarki og fargebruk
Mål
Gjøre informasjon lett tilgjengelig
Synliggjøre arrangementer
Forbedre booking/opplevelse
Lage et universelt utformet design
Original nettside for Emanuel Vigeland MuseumInnsikt
Intervju og eksursjon
Som en del av innsiktsarbeidet besøkte vi Emanuel Vigeland Museum, hvor vi fikk snakke med daglig leder, Kjartan Hauglid. Han ga oss en introduksjon til Emanuel Vigeland, museets virksomhet og hvilke behov de har for en ny nettside.
Hovedmålgruppen er unge voksne
Informasjon om arrangementer deles i dag hovedsakelig via Facebook
Museet ønsker å flytte mer av denne aktiviteten over til egen nettside
Nettsiden bør gjøre det enklere å:
finne informasjon om Emanuel Vigeland
utforske samlingen
finne arrangementer
booke omvisning eller leie lokalet
SWOT
Nøkkelpunkter fra SWOT-analysen av den originale nettsiden:
Brukere mangler oversikt over samlinger, datoer og booking → behov for tydeligere struktur og navigasjon
Utdatert design og svak typografi, spesielt på mobil → behov for visuell og responsiv oppgradering
Booking og informasjon er fragmentert → mulighet for å samle billett, arrangementer og omvisning
Tekniske og økonomiske begrensninger → løsningen må være enkel og lett å vedlikeholde
Affinitymap
Innsikten ble strukturert i et affinitynap med disse hovedkategoriene.
Utvikling
Sitemap
Basert på innsikten utviklet vi struktur for nettsiden i et sitemap. Hovedkategoriene er Kjøp billetter, Hva skjer?, Om Emanuel Vigeland og Informasjon. Dette er basert på hva som vi fra innsikten fant ut var de viktigste funksjonene å inkludere.
Lo-fi og brukertesting
Videre lagde vi lo-fi prototypene. Vi gjorde dem så nærme ferdig løsning som mulig slik at vi fikk mest verdifull feedback når vi så gjenneomførte brukertesting.
Nøkkelfunn fra brukertesting:
Navigasjon og meny mangler tydelig hierarki og prioritering
Tilgjengelighetsinfo er vanskelig å finne og bør samles
Bookingflyt har forbedringspotensial (timing og valg)
Footer bør forkortes
Tidslinje var spennende satt opp
Visuell identitet
Når vi designet den visuelle identiteten hadde vi målgruppa i bakhodet, som er unge voksne. Vi ønsket at nettsiden skulle fremstå som moderne, med bold skrifttype og sterke farger.
Farger
Fargepaletten er inspirert av freskomaleriet i mausoleet, basert på innsikt fra intervju med Kjartan Hauglid. Oransje- og gulfargene er hentet fra maleriet og justert for digital bruk. Den mørke bakgrunnen med hvit tekst er inspirert av museets belysning og bidrar til en helhetlig visuell identitet.
Skrifttyper
Vi valgte Roc Grotesk Wide Bold som tittelskrift fordi den er moderne og appellerer til unge voksne. Museo Sans brukes til brødtekst på grunn av god lesbarhet, med stor x-høyde og tydelige forskjeller mellom like tegn.
Ikoner
Ikonene er tilpasset for å matche bredden til streken til logoen, for å ha en konsekvent vekt på sidene.
Grid
I gridet har vi 25px som padding og 40 px for hver kolonne.
Spacing elementer
Spacing elementene er de ferdige reglene for spacing mellom alle de ulike komponentene.
Logo
Vi designet logoene slik at den er moderne, minismalistisk og geometrisk, men samtidig gjenkjennelig med rommet i mausoleet, som deres gamle logo også er basert på. Den fungerer også bra i liten størrelse.
Grunnleggende komponenter
Dette er de grunnleggende UI-komponentene vi bruker, som er kort for samlingen og arrangamenter.
Ferdig hi-fi løsning
Den ferdige løsningen er en moderne og brukervennlig nettside utviklet for å formidle den unike stemningen i Emanuel Vigelands museum gjennom en helhetlig visuell identitet. Nettsiden er responsiv og optimalisert for mobil, med intuitiv navigasjon som gjør det enkelt for brukere å finne relevant informasjon om besøk, arrangementer og samlingen.
Løsningen inkluderer funksjonalitet som billettkjøp, oversikt over arrangementer, forbedret booking for omvisninger og utleie, og en mer visuell og engasjerende presentasjon av kunstverkene. Designet er utviklet med fokus på universell utforming, og er basert på innsikt fra både brukere og oppdragsgiver for å sikre en tilgjengelig og målrettet brukeropplevelse.
Test ut protoypen for mobil her ——>
