Redesign av nettside for Emanuel Vigelands museum
Prosess
STEG 1
Innsiktsarbeid
Prosessen startet med desk research, en grundig UX-evaluering av museets eksisterende nettside og enkle brukertester. Her avdekket vi flere sentrale problemer: informasjonen var spredt på flere plattformer, navigasjonen var lite intuitiv, og det var uklart hvordan man booker eller finner arrangementer. Nettsiden hadde også lite responsivitet, dårlig lesbarhet, lav kontrast og mangler knyttet til universell utforming.
STEG 2
Konsept og visuell retning
Vi utviklet konseptet "et digitalt møte med mausoleets stemning". Gjennom arbeid med moodboards og ulike fargepaletter utforsket vi hvordan museets særegne atmosfære kunne oversettes til en digital flate. Vi landet på et mørkt, varmt og dramatisk uttrykk, med fokus på kontraster, typografi og stemning. Samtidig var det viktig å balansere det visuelle uttrykket med god lesbarhet og tilgjengelighet.
STEG 3
Logo
Logoen ble utviklet med utgangspunkt i en forenklet tolkning av mausoleets arkitektur. Prosessen besto av flere skisser og iterasjoner, hvor vi testet ulike former, detaljeringsnivåer og typografiske uttrykk. Gjennom kontinuerlig vurdering og forenkling landet vi på et tydelig, robust og gjenkjennelig ikon kombinert med en typografi som støtter den visuelle identiteten
STEG 4
Designsystem
Designsystemet ble utviklet som et sentralt rammeverk for løsningen, med mål om å sikre konsistens og effektivitet i designprosessen. Systemet består av logo og logovarianter, fargebruk, typografi, grid- og kolonnesystem samt regler for spacing og layout. I tillegg inkluderer det retningslinjer for bruk av bilder og illustrasjoner samt grafiske formelementer. Det er også utviklet et sett med UI-komponenter som knapper og interaktive elementer. Alt er bygget opp i Figma med fokus på gjenbruk og konsistent bruk på tvers av løsningen.
STEG 5
Løsning for mobil
Designsystemet ble utviklet som et sentralt rammeverk for løsningen, med mål om å sikre konsistens og effektivitet i designprosessen. Systemet består av logo og logovarianter, fargebruk, typografi, grid- og kolonnesystem samt regler for spacing og layout. I tillegg inkluderer det retningslinjer for bruk av bilder og illustrasjoner samt grafiske formelementer. Det er også utviklet et sett med UI-komponenter som knapper og interaktive elementer. Alt er bygget opp i Figma med fokus på gjenbruk og konsistent bruk på tvers av løsningen.
STEG 6
Løsning for desktop
Desktopversjonen bygger videre på mobilstrukturen, men utnytter større flater til å skape bedre oversikt og tydeligere hierarki. Her har vi jobbet mer med grid, luft og visuell balanse for å fremheve innhold som arrangementer, kalender og samling. Komponentene fra designsystemet er videreført og tilpasset større skjermer, noe som sikrer en konsistent opplevelse på tvers av enheter.
