Redesign av museums nettside

Dette gruppeprosjektet handler om redesign av nettsiden til Emanuel Vigeland Museum, hvor universell utforming var viktig gjennom hele designprosessen.

mobil nettside mockup for museums nettside, hender som holder mobil på kafe

Se resultat

Målet har vært å utvikle en moderne og brukervennlig løsning som gjør det enklere for besøkende å finne informasjon, kjøpe billetter og få en bedre forståelse av museet digitalt. Samtidig har det vært viktig å bevare den særegne og stemningsfulle identiteten som kjennetegner museet.

Utgangspunkt

I arbeidet med prosjektet tok vi utgangspunkt i en eksisterende nettside som i dag fremstår som utdatert og lite tilpasset moderne brukere. Nettsiden var ikke til passet mobil, den har heller ikke tydelig navigasjon noe som gjør det vanskelig å finne informasjon som åpningstider, billetter og arrangementer. Dette dannet grunnlaget for prosjektet, hvor vi ønsket å forbedre både struktur, tilgjengelighet og brukeropplevelse.

Fra utdatert nettside til moderne løsning

Innsikt

Vi startet innsiktsfasen med å besøke museet og snakke med daglig leder, noe som ga oss en bedre forståelse av både behovene til museet og utfordringene de opplever i dag. I tillegg gjennomførte vi en UX-analyse av den eksisterende nettsiden, en konkurrentanalyse og brukte data fra en spørreundersøkelse. Dette ga oss et bredt og nyansert bilde av hvordan brukerne opplever lignende løsninger, og hva de forventer.

Gjennom innsiktsarbeidet ble det tydelig at brukerne først og fremst ønsker rask tilgang til praktisk informasjon. Spesielt åpningstider, priser og billettkjøp ble trukket frem som avgjørende. Samtidig etterspør brukerne en bedre oversikt over arrangementer, samt en løsning som fungerer sømløst på mobil. Mange av utfordringene i dagens nettside handler derfor ikke om innholdet i seg selv, men hvordan det er strukturert og presentert.

Visualisering av MoSCoW analyse for Emanuel Vigeland Museum

Visualisering av MoSCoW analysen.

Denne innsikten brukte vi for å sette opp en MoSCoW-analyse, hvor vi prioriterte hvilke funksjoner og behov som var viktigst å inkludere i løsningen. Gjennom denne prosessen fikk vi tydelig frem hva som var kritisk for brukeropplevelsen, som enkel tilgang til åpningstider, billettkjøp og oversikt over arrangementer. Samtidig hjalp analysen oss med å avgrense mindre viktige funksjoner, slik at vi kunne fokusere på å utvikle en løsning som i størst mulig grad dekker brukernes faktiske behov.

Visualisering av sitemap for Emanuel Vigeland Museum

Visualisering av sitemap for Emanuel Vigeland Museum.

Basert på disse funnene utviklet vi en ny struktur for nettsiden. Vi ønsket å gjøre det så enkelt som mulig for brukeren å navigere, forstå og gjennomføre handlinger. Derfor organiserte vi innholdet rundt tre hovedområder: besøk, arrangementer og samling. Denne strukturen gjør det lettere å prioritere det viktigste innholdet og redusere unødvendig kompleksitet. Forsiden fungerer som en tydelig inngang, med direkte tilgang til sentrale funksjoner som billettkjøp og praktisk informasjon.

Skisser

Etter innsiktsfasen startet vi arbeidet med å utforske mulige løsninger gjennom skisser og low-fidelity wireframes. Vi begynte med raske håndtegnede skisser, blant annet ved å bruke “Crazy 8”-metoden, hvor alle i gruppen utviklet flere ulike forslag på kort tid. Dette gjorde det mulig å teste mange ideer tidlig i prosessen uten å bruke for mye tid på detaljer.

Gjennom denne fasen hadde vi spesielt fokus på struktur, navigasjon og plassering av innhold. Målet var ikke å lage ferdige design, men å finne gode løsninger på hvordan brukeren beveger seg gjennom nettsiden. Basert på skissene valgte vi ut de mest hensiktsmessige løsningene og videreutviklet disse til en felles low- og mid-fidelity wireframe digitalt.

Mid-fidelity wireframe, Emanuel Vigeland Museum

Mid-fidelity wireframe.

Designsystem

Parallelt med utviklingen av prototypen jobbet vi med å etablere et designsystem for å sikre konsistens og sammenheng i løsningen. Dette inkluderte valg av typografi med god lesbarhet, en fargepalett tilpasset kontrastkrav, samt utvikling av komponenter som knapper, kort og skjema. Designsystemet gjør det enklere å videreutvikle løsningen og bidrar til en helhetlig visuell identitet.

Samtidig hadde vi et tydelig fokus på universell utforming gjennom hele prosessen. Vi arbeidet med å sikre god kontrast, tydelige overskrifter, enkel navigasjon og touch-vennlige elementer, slik at løsningen skulle være tilgjengelig for flest mulig. Dette bidrar til en mer inkluderende og brukervennlig opplevelse på tvers av ulike brukergrupper.

Inspirert av museets unike atmosfære

Resultat

Utforsk prototypen under. Anbefaler å klikke på fullskjerm knappen for den beste opplevelsen (oppe til høyre inni bildet under).

Dersom du ønsker å teste prototypen eller se hele design systemet kan du gjøre det på en pc/laptop/mac.

Utforsk design systemet under:

mobil nettside mockup for museums nettside, tre telefoner liggende vedsiden av hverandre
nettside for museum vist frem på laptop hvor en person holder på med laptopen
mobil nettside mockup for museums nettside, hender som holder mobil på kafe

Vår 2026

Web-design, Visuell identitet

Gruppe medlem: Vilde Fagerli Morstad, Andrea Korsvoldlien Kristiansen,

Marte My Jensen, Yngvi Reyr Haraldsson

Emne: IDG2201, Designsystemer og universell utforming

Emne ansvarlig: Mari Hermansen

Verktøy: Figma

Les prosessen

Paula Birgitte © 2026

Nettside designet av

Paula Birgitte, med Framer.com

Paula Birgitte © 2026

Nettside designet av

Paula Birgitte, med Framer.com

Paula Birgitte © 2026

Nettside designet av

Paula Birgitte, med Framer.com