Nasjonalbiblioteket
Digitalt designsystem
Nasjonalbiblioteket
Digitalt designsystem
NB
Digitalt
designsystem
Nasjonalbiblioteket
Digitalt designsystem
Nasjonalbiblioteket
Digitalt designsystem
Rolle
Rolle
Design System Lead
Design System Lead
Design System Lead
Design System Lead
Tidslinje
Tidslinje
6 måneder
6 måneder
6 måneder
6 måneder
Plattform
Plattform
Multisite-CMS (WordPress/Gutenberg) og krysskanalsystem
Multisite-CMS (WordPress/Gutenberg) og krysskanalsystem
Multisite-CMS (WordPress/Gutenberg) og krysskanalsystem
Multisite-CMS (WordPress/Gutenberg) og krysskanalsystem
Utfordringer
Utfordringer
Strenge krav til universell utforming, stor legacy-kodebase og utdatert design
Strenge krav til universell utforming, stor legacy-kodebase og utdatert design
Strenge krav til universell utforming, stor legacy-kodebase og utdatert design
Strenge krav til universell utforming, stor legacy-kodebase og utdatert design
Produktet
Produktet
Nasjonalbiblioteket er Norges hukommelse. Det er et massivt økosystem av digitaliserte arkiv, redaksjonelt innhold, podkaster og arrangementer. Plattformen brukes av alt fra vanlige lesere til forskere, og gir de interne teamene et enkelt og stressfritt verktøy for å håndtere alt innholdet.
Nasjonalbiblioteket er Norges hukommelse. Det er et massivt økosystem av digitaliserte arkiv, redaksjonelt innhold, podkaster og arrangementer. Plattformen brukes av alt fra vanlige lesere til forskere, og gir de interne teamene et enkelt og stressfritt verktøy for å håndtere alt innholdet.
Nasjonalbiblioteket er Norges hukommelse. Det er et massivt økosystem av digitaliserte arkiv, redaksjonelt innhold, podkaster og arrangementer. Plattformen brukes av alt fra vanlige lesere til forskere, og gir de interne teamene et enkelt og stressfritt verktøy for å håndtere alt innholdet.
Nasjonalbiblioteket er Norges hukommelse. Det er et massivt økosystem av digitaliserte arkiv, redaksjonelt innhold, podkaster og arrangementer. Plattformen brukes av alt fra vanlige lesere til forskere, og gir de interne teamene et enkelt og stressfritt verktøy for å håndtere alt innholdet.
Forretningsmål
Forretningsmål
Gjennom årene hadde bibliotekets nettsider blitt et rot av ulikt design og gammel kode, spredt over flere titalls sider. Målet var rett og slett å rydde opp. Vi måtte erstatte kaoset med ett felles, fleksibelt designsystem som samlet hele merkevaren og som skalerte for ulike undersider, brands og fysiske flater.
Gjennom årene hadde bibliotekets nettsider blitt et rot av ulikt design og gammel kode, spredt over flere titalls sider. Målet var rett og slett å rydde opp. Vi måtte erstatte kaoset med ett felles, fleksibelt designsystem som samlet hele merkevaren og som skalerte for ulike undersider, brands og fysiske flater.
Gjennom årene hadde bibliotekets nettsider blitt et rot av ulikt design og gammel kode, spredt over flere titalls sider. Målet var rett og slett å rydde opp. Vi måtte erstatte kaoset med ett felles, fleksibelt designsystem som samlet hele merkevaren og som skalerte for ulike undersider, brands og fysiske flater.
Gjennom årene hadde bibliotekets nettsider blitt et rot av ulikt design og gammel kode, spredt over flere titalls sider. Målet var rett og slett å rydde opp. Vi måtte erstatte kaoset med ett felles, fleksibelt designsystem som samlet hele merkevaren og som skalerte for ulike undersider, brands og fysiske flater.
Tilnærming
Tilnærming
Jeg startet med å kartlegge dagens løsning for å forstå hva teamene faktisk trengte i arbeidshverdagen sin. Denne innsikten ble fundamentet for et brukervennlig designsystem. Med tydelige retningslinjer, ferdige komponenter og maler, kan nå både interne team og eksterne byråer bygge og lansere komplekse sider helt på egen hånd.
Jeg startet med å kartlegge dagens løsning for å forstå hva teamene faktisk trengte i arbeidshverdagen sin. Denne innsikten ble fundamentet for et brukervennlig designsystem. Med tydelige retningslinjer, ferdige komponenter og maler, kan nå både interne team og eksterne byråer bygge og lansere komplekse sider helt på egen hånd.
Jeg startet med å kartlegge dagens løsning for å forstå hva teamene faktisk trengte i arbeidshverdagen sin. Denne innsikten ble fundamentet for et brukervennlig designsystem. Med tydelige retningslinjer, ferdige komponenter og maler, kan nå både interne team og eksterne byråer bygge og lansere komplekse sider helt på egen hånd.
Jeg startet med å kartlegge dagens løsning for å forstå hva teamene faktisk trengte i arbeidshverdagen sin. Denne innsikten ble fundamentet for et brukervennlig designsystem. Med tydelige retningslinjer, ferdige komponenter og maler, kan nå både interne team og eksterne byråer bygge og lansere komplekse sider helt på egen hånd.
Merk: Fordi prosjektet rulles ut gradvis, og vi må ta hensyn til legacy-systemer, kan designet som er i produksjon i dag avvike litt fra originalen.
Merk: Fordi prosjektet rulles ut gradvis, og vi må ta hensyn til legacy-systemer, kan designet som er i produksjon i dag avvike litt fra originalen.
Merk: Fordi prosjektet rulles ut gradvis, og vi må ta hensyn til legacy-systemer, kan designet som er i produksjon i dag avvike litt fra originalen.
Merk: Fordi prosjektet rulles ut gradvis, og vi må ta hensyn til legacy-systemer, kan designet som er i produksjon i dag avvike litt fra originalen.
Definerte den visuelle retningen for det nye designspråket
Definerte den visuelle retningen for det nye designspråket
Satte opp design tokens og selve grunnmuren i systemet
Satte opp design tokens og selve grunnmuren i systemet
Bygget et komponentbibliotek med full støtte for universell utforming
Bygget et komponentbibliotek med full støtte for universell utforming
Bygget et komponentbibliotek med full støtte for universell utforming
Bygget et komponentbibliotek med full støtte for universell utforming
Redesignet søket i "Nettbiblioteket" for å takle gigantiske digitale arkiv
Redesignet søket i "Nettbiblioteket" for å takle gigantiske digitale arkiv
Optimaliserte komplekse brukeroppgaver for mobil
Optimaliserte komplekse brukeroppgaver for mobil
...og for flere redaksjonelle sider
...og for flere redaksjonelle sider
LEDET
3 designere
LEDET
3 designere
LEDET
3 designere
LEDET
3 designere
LEDET
3 designere
ANALYSERT
ANALYSERT
ANALYSERT
20+ undersider, i tillegg til tidligere digitale og fysiske flater
20+ undersider, i tillegg til tidligere digitale og fysiske flater
20+ undersider, i tillegg til tidligere digitale og fysiske flater
ANALYSERT
20+ undersider, i tillegg til tidligere digitale og fysiske flater
ANALYSERT
20+ undersider, i tillegg til tidligere digitale og fysiske flater
OG SOM EN DEL AV RESULTAT
OG SOM EN DEL AV RESULTAT
OG SOM EN DEL AV RESULTAT
Designsystemet la grunnlaget for en helt ny profil for institusjonen, som senere ble tatt over og videreutviklet av Smuss Studio
Designsystemet la grunnlaget for en helt ny profil for institusjonen, som senere ble tatt over og videreutviklet av Smuss Studio
Designsystemet la grunnlaget for en helt ny profil for institusjonen, som senere ble tatt over og videreutviklet av Smuss Studio
OG SOM EN DEL AV RESULTAT
Designsystemet la grunnlaget for en helt ny profil for institusjonen, som senere ble tatt over og videreutviklet av Smuss Studio
OG SOM EN DEL AV RESULTAT
Designsystemet la grunnlaget for en helt ny profil for institusjonen, som senere ble tatt over og videreutviklet av Smuss Studio
Tıd for å trykke
pause,
vi sees snart
Tıd for å trykke
pause,
vi sees snart
Tıd for å trykke
pause,
vi sees snart
Tıd for å trykke
pause,
vi sees snart
Tıd for å trykke
pause,
vi sees snart