Emanuel Vigeland

Resultatet er en mobil-first Hi-Fi prototype utviklet i Figma, med et visuelt uttrykk forankret i museets mørke, sanselige og sakrale identitet. Mørke flater, dempet typografi og store bilder skaper en stemning som speiler det fysiske rommet – rolig, intens og varig. Løsningen samler museumsbesøk, arrangementer, galleri, livslinje, booking og praktisk informasjon i én tydelig struktur. Konsertvirksomheten – som tidligere kun ble kommunisert via Facebook – er nå integrert som en sentral del av nettsiden med en oversiktlig arrangementskalender og enkel billettflyt. Designsystemet inkluderer farger, typografi, ikoner, komponenter og interaksjonstilstander, og sikrer et konsistent visuelt uttrykk på tvers av hele løsningen. Alle trykkbare elementer oppfyller WCAG-kravet på minimum 44×44 px.

Selv om løsningen er utviklet med mobil-first som utgangspunkt, har vi også designet et scenario for desktopversjon. Dette viser hvordan designsystemet og komponentene skalerer og tilpasser seg større skjermer. Layouten går fra én kolonne på mobil til to kolonner på desktop, med mer luft og større visuelle flater.

Brukerreisen viser flyten fra forsiden til galleri-seksjonen: Brukeren starter på landingssiden, scroller ned til Verk-seksjonen og trykker «Se flere». Dette åpner gallerisiden, som gir en oversikt over museets verk sortert med filterknapper – fresker, glassmaleri og skulptur. Brukeren scroller ned, trykker på et verk, og får opp en popup med mer informasjon og mulighet til å bla videre til andre verk.

Brukerreisen viser flyten fra forsiden til et arrangement: Brukeren åpner hamburgermenyen fra forsiden, velger Arrangementer og kommer til en oversiktsside med kommende konserter. Herfra trykker brukeren «Les mer» på et arrangement av interesse, og får opp en detaljside med beskrivelse av konserten og mulighet til å kjøpe billetter.

Brukerreisen viser hele bookingflyten fra datovelger til QR-billett: Brukeren velger dato i kalenderen og antall billetter med stepper-knappene, scroller ned og trykker «Book nå». Neste skjerm viser et sammendrag med valgt billett, dato og pris, samt betalingsalternativer – Vipps, debet/kredittkort eller Klarna. Etter betaling får brukeren en kvitteringsside med bekreftelse og en «Last ned billett»-knapp, som åpner en QR-kode klar til å skannes ved inngangen.