Frivillighetens museum

Rolle

UI-designer

September 2021 → Februar 2022

Sketch, Vev, Whereby, Gmail, Asana, Slack

Verktøy

Periode

I 2018 erklærte Norge at 2022 skulle være Frivillighetens år. Det var en nasjonal feiring for å synliggjøre frivillig innsats og styrke deltakelsen i frivillig sektor. Resultatet ble over 2000 arrangementer, 6700 medieomtaler og 12 % medlemsvekst i frivillige organisasjoner. En undersøkelse viste at 51 % av befolkningen kjente til markeringen.

Som en del av feiringen utviklet vi i Manus «Frivillighetens museum» – en digital utstilling som løfter frem verdien av Norges over 100 000 frivillige organisasjoner. Til sammen tilsvarer dette hele 142 000 årsverk!

Hvordan kan vi samle og formidle historiene til frivillige organisasjoner over hele landet, på en måte som er både engasjerende og tilgjengelig? En digital løsning var avgjørende for å nå ut bredt og skape en opplevelse som minner om et ekte museumsbesøk.

Nettsidemalen måtte kunne presentere store mengder informasjon på en enkel og visuelt tiltalende måte. Den måtte også støtte både video og artikler som forteller historiene bak organisasjonene.

Jeg utviklet et UI-designkit basert på merkevarens verdier, med inspirasjon fra digitale museer og utstillingsplattformer. Gjennom strukturert arbeid med designprinsipper og flere iterasjoner ble det skapt et visuelt univers som var fleksibelt og tydelig.

Resultatet ble et digitalt museum med 360-graders visning av utstillingsobjektene på en felles landingsside. Hver organisasjon fikk sin egen underside med historiefortelling i form av tekst og video.

Min rolle var å utvikle den visuelle identiteten med inspirasjon fra museumsopplevelser, og designe plattformen slik at historiene ble løftet frem på en troverdig og engasjerende måte. Jeg laget også et rammeverk for design til promotering i digitale kanaler.

Kort fortalt

Utfordring

Løsning

Designprosessen

Jeg startet med å kartlegge lignende prosjekter og lage moodboards som utforsket retningen. Inspirasjon fra tradisjonelle museumsmiljøer ble brukt for å utvikle en visuell stil med rammer rundt objektene. Det gir assosiasjoner til klassiske museumsutstillinger.

Vi valgte 360-graders video som visningsform for å gjøre opplevelsen mer dynamisk og virkelighetsnær.

01 Research

Jeg designet et responsivt grid som fungerer godt på alle skjermstørrelser. Det sørget for en fleksibel og strukturert layout med god lesbarhet.

02 Grid

Den primære fonten, Brown, samsvarer med Frivillighet Norges visuelle profil og gir et moderne uttrykk. Bookmania ble brukt som sekundær font i overskrifter og detaljer, og skaper kontrast og særpreg.

03 Typografi

For å skape et vennlig og energisk visuelt inntrykk valgte jeg oransje som hovedfarge på landingssiden. På artikkelsidene fikk hver organisasjon sin egen farge på rammer og detaljer. Det gir variasjon, men likevel en samlet visuell helhet. Universell utforming var en integrert del av designprosessen. Alle fargevalg ble kontrastsjekket for å sikre god lesbarhet og tilgjengelighet.

04 Fargesystem

Etter å ha utviklet de viktigste byggesteinene begynte jeg å skissere og iterere. Jeg jobbet bevisst med å balansere visuell appell med lesbarhet og oversikt. Brukeren skulle enkelt finne frem og få en god leseopplevelse. Samtidig ønsket jeg at det skulle være rom for fordypning og refleksjon.

Det ferdige designet

Gjennom dette prosjektet utviklet jeg en tydelig visjon for utstillingsdesignet, med inspirasjon fra digitale museer og plattformer. Den største utfordringen var å få designet til å fungere like godt på mobil som på store skjermer. Det var viktig å sikre kvalitet og tydelighet, uansett hvor man ser det. Jeg lærte hvor viktig det er å kombinere struktur, fleksibilitet og historiefortelling for å skape en helhetlig og engasjerende opplevelse.

Dette lærte jeg av prosjektet