Å knytte fortiden til fremtiden: Et designsystem for en enhetlig merkevare
Nasjonalbiblioteket gikk fra et fragmentert uttrykk til en helhetlig visuell identitet. Et nytt designsystem samler digitale og fysiske flater i én konsistent opplevelse.
Projektöversikt
Designsystem
Visuelt konsept
Universell utforming
Storskala WordPress
Utmaning
Ambisjonen til Nasjonalbiblioteket er å være en levende del av samfunnet framfor et arkiv. Biblioteket skal være et sted der folk kan lære, tenke og forstå, og en motvekt til sosiale mediers ekkokammer. Med den nye drakten ønsker de å nå unge og mangfoldige generasjoner av brukere.
Nasjonalbiblioteket består av mange avdelinger og tjenester som over tid hadde utviklet egne visuelle uttrykk. Det eksisterende designsystemet var robust, men for rigid til å støtte nye ambisjoner om å nå et bredere publikum og formidle innhold på en mer levende måte.
Behovet var å samle det digitale økosystemet, styrke avsenderidentiteten og gi redaksjonen større fleksibilitet – uten å miste konsistens, tilgjengelighet eller kontroll i en kompleks multisite-struktur.
Samarbeidet med Dekode har vært svært fruktbart, med et team som har vært både faglig sterke og gode å jobbe med. Den tette koblingen mellom Dekode, Smuss og vårt interne miljø har vært avgjørende for å etablere et helhetlig designsystem.
Thea Urdal, Produktleder i Nasjonalbiblioteket
–
En samlet identitet har vært enormt givende – både for brukerne og internt, hvor ansatte i større grad opplever å være del av et felles Nasjonalbibliotek.
Behandla
Prosjektet startet som en videreutvikling, men ble raskt til en strategisk og visuell reset. Et nytt formspråk ble etablert, som balanserer historisk tyngde med et mer åpent og moderne uttrykk. Avrundede former inspirert av kartotek-kort går igjen i komponenter, bildebruk og interaksjon, og binder systemet sammen.
Designsystemet er bygget hierarkisk fra globale tokens til komponenter, blokker og maler, og implementert direkte i WordPress/Gutenberg. Et begrenset sett med definerte mønstre gir redaktører stor frihet innenfor tydelige rammer.
Nettsiden ble toneangivende for videre utvikling. I samarbeid med Smuss ble uttrykket utvidet til trykk, programmer, utstillinger og skilting, slik at digitalt og fysisk fremstår som én helhet. Smuss bidro også med egen tegnet skrift – STK Bureau Sans for brødtekst og STK Gerhard for metadata.
Vi ønsket å åpne dørene til Nasjonalbiblioteket, og åpne bøkene. Fra første piksel skal det være tydelig at dette er en institusjon for alle. Forsiden inviterer inn, viser bredden i aktiviteter og tilbud, og lar brukeren gå rett inn i samlingene gjennom søket.
Erik Ferrier, Head of Design i Dekode
Resultat och effekt
Resultatet er et helhetlig designsystem som samler nettsider, tjenester og fysiske flater under én tydelig avsender. Designtokens og tett kobling mellom design og kode sikrer konsistens og gjør videreutvikling mer håndterbart enn før.
Redaktører kan jobbe mer fleksibelt, samtidig som universell utforming er ivaretatt i hele løsningen. For en institusjon med ambisjon om å nå hele befolkningen, gir dette et mer tilgjengelig, relevant og sammenhengende møte med Nasjonalbiblioteket.
Trenger dere et designsystem som skalerer med ambisjonene?
Vi jobber i skjæringspunktet mellom identitet, designsystem og teknologi. Og bygger løsninger som holder når organisasjonen vokse
