Noen hos Virke, som regel Anne eller Hilde, definerer et problem eller en utfordring.
Først litt om prototypen...
Prototypen er satt opp i et enkelt CMS som heter Statamic, slik at det er veldig enkelt å sette opp nye sider, nettopp med de komponentene vi designer for Virke.
Det at vi bruker et lite CMS i prototypen gjør det også enklere å sette opp komplekse navigasjonsstrukturer som er realistiske, og vi får i tillegg muligheten til å designe back-end – det redaktørene bruker – design som ofte blir overlatt til tilfeldighetene.
August 2025–august 2026
Arbeid som er gjort
Arbeidet er samlet fra prototypen og utviklingshistorikken. Søk på tittel eller beskrivelse, eller filtrer på arbeidsområde.
Høringer og høringssvar
Ny oversikt som gjør det lettere å se hva Virke arbeider med nå, hva som er levert, og hvordan medlemmenes interesser blir fulgt opp.
arrow_forwardNettverksoversikt
En samlet inngang til Virkes nettverk, med tydeligere presentasjon av fagfellesskapene og en enklere vei videre for interesserte medlemmer.
arrow_forwardNettverksadministrasjon for Virke
En samlet arbeidsflate for å finne nettverk og samlinger, følge opp svar og påmeldinger, sende påminnelser og hente booking- og deltakerlister.
arrow_forwardNettverk på Min side
Deltakere kan se egne nettverk, svare på samlinger og oppgi praktiske behov. Virksomhetsadministratorer kan følge opp ansatte, svar og utmeldinger.
arrow_forwardKundeservice med søk og Snakk.AI
Et samlet hjelpesenter som bruker søk, tydelige fagområder og kildebaserte svar fra Snakk.AI til å finne riktig hjelpeartikkel, kontakt eller rådgivning. Spørsmål som krever en faglig vurdering, sendes trygt videre.
arrow_forwardBransjesider
En samlet bransjeinngang og egne sider for bransjefellesskapene gjør relevant innhold, medlemsfordeler og kontaktpunkter lettere å finne.
arrow_forwardÅpne bransjesider med medlemsfordeler
Virksomhetssøket leder ikke-medlemmer til en åpen bransjeside med relevante medlemsfordeler og en direkte inngang til innmelding.
arrow_forwardPris og medlemsfordeler før innmelding
Standardløpet er for virksomheter som vil se pris og medlemsfordeler før de melder seg inn. Kontingenten beregnes og et tilbud vises før registreringen starter.
arrow_forwardDirekte registrering av medlemskap
Denne varianten er for virksomheter som allerede har bestemt seg. Den åpner registreringsskjemaet direkte, uten pris- og fordelsdelen først. Virksomhetsopplysninger, kontaktperson og vilkår fylles ut som normalt.
arrow_forwardMin side
En samlet selvbetjeningsflate for kontaktinformasjon, brukere, fakturaer, samtykker, påmeldinger og kursbevis – med færre blindveier og tydeligere oppgaver.
arrow_forwardFordelsavtaler
En ryddigere oversikt med søk og kategorifiltrering gjør det enklere å finne relevante fordelsavtaler, få en kort forklaring og gå videre til den enkelte avtalen.
arrow_forwardOU-fond fra informasjon til søknad
Komplekse regler er omsatt til tydelige valg, oversikter over fondene du kan søke midler fra og søknadsskjemaer for både arbeidsgivere og ansatte – bygget med gjenbrukbare skjemakomponenter på tvers av fond.
arrow_forwardRedesign av «Finn tariffavtale»
Et mer fokusert søk og en ryddigere presentasjon av avtalene gjør det enklere å finne riktig tariffavtale.
arrow_forwardNye moduler for Virke
En samlet demo av nye moduler vi har designet for Virke, blant annet tabeller, tidslinjer, quiz, kort, sjekklister og nedlastinger – utviklet for gjenbruk på tvers av sider og fagområder.
arrow_forwardMaler fra Arbeidsgiverguiden
Maler fra Arbeidsgiverguiden presenteres i en samlet oversikt med søk, filtrering og forhåndsvisning av Word-, Excel- og PDF-filer før nedlasting.
arrow_forwardNy kurs- og arrangementsoversikt
En mer visuell og fleksibel oversikt som kombinerer kommende arrangementer, digitale kurs, fremhevet innhold og presise filtre uten å miste helheten.
arrow_forwardUtmelding og medlemsavslutning
En ryddig flyt viser vilkår, konsekvenser og alternativer før virksomheten sender en forespørsel om utmelding.
arrow_forwardTjenester og medlemsfordeler på Min side
Maler, nyhetsbrev og fordelsavtaler har fått tydelige innganger – også før medlemmet har tatt dem i bruk.
arrow_forwardSøk i lange oversikter
Søkefeltet i bransjeoversikten gjør det enklere å finne riktig bransje. Den samme løsningen kan brukes i andre lange oversikter.
arrow_forwardNy avtaleside for Landsoverenskomsten HK
En av Virkes mest besøkte sider er bygget om med innholdsmeny og samlet tilgang til avtalen, endringer, lønnssatser, protokoller og siste nytt.
arrow_forwardNy opplevelse for digitale kurs
Et sammenhengende læringsgrensesnitt med kapitler, progresjon og medieinnhold. Konseptet ble prototypet, testet og realisert som digital kursmodul.
arrow_forwardRedesign av nyhetsbrev
Nyhetsbrevmalene fikk en tydeligere struktur og et mer helhetlig visuelt uttrykk, slik at innholdet blir lettere å lese. Design og kode ble utviklet direkte i Microsoft Dynamics.
arrow_forwardTariffavtalekrav fra forbund til virksomhet
Forbundet kan kontrollere medlemskap, sende krav og følge saken. Virksomheten kan se kravet og svare digitalt.
arrow_forwardIngen treff i denne kombinasjonen
Prøv et annet søkeord eller nullstill filtrene.
Viser 23 av 23 leveranser
Søk:
Arbeidsområde:
Arbeidsmetode
Når vi lager nye ting, jobber vi som regel slik:
Emil og jeg skisser på en løsning i Figma.
Jeg blåser liv i skissene ved å kode opp front-end (og ofte back-end!) i prototypen.
Lenke til prototypen deles og testes internt i Virke.
Noen ganger har vi også gjort eksterne brukertester, f. eks. da vi designet det forrige Bli medlem-skjemaet og ny flyt for pålogging med OTP, eller da vi designet nye kurssider og kurspåmelding.
Vi samler tilbakemeldinger og gjør justeringer i prototypen.
Prototypen deles til slutt med Forte, sammen med en detaljert task med lenker til markup og SCSS i Github.
Her kan du se eksempel på en task til Forte: https://dev.azure.com/Virke/Virke.no/_boards/board/t/Virke.no%20Team/Stories?workitem=8467
Erfaringsmessig blir sluttresultatet mye nærmere designet vi har tiltenkt når vi deler prototypen og front-end koden med Forte. Flate skisser dekker sjelden alle scenarioer, og er dessuten mye vanskeligere å brukerteste.
Vi har også fått gode tilbakemeldinger fra teamet i Forte underveis, de liker denne måten å jobbe på.
Presentasjoner
Se gjerne raskt gjennom disse presentasjonene. Da får du et lite innblikk i hva vi mener er viktig å prioritere, og hvorfor vi mener det er så viktig at det visuelle og funksjonelle henger tett sammen.
Figma
Mye av det vil lager blir først skisset i Figma, og alt av overordnet design bor her. Figma-filen har etter hvert utviklet seg til et omfattende designsystem, med design og visuelle føringer basert på merkevareplattformen.
