Rolle
UX- og UI-designer
Mai 2020 → September 2020
Sketch, Vev, Whereby, Gmail, Asana, Slack
Verktøy
Periode
En digital videoplattform
Brukeropplevelse
Visuell identitet
UI design
Designsystem
Informasjonsarkitektur
Gyldendal Fagtid ønsket å utvikle en egen videoplattform som kunne inspirere og gi lærerike introduksjoner til deres læremidler. Målet var å vise hvordan lærebøkene best kunne tas i bruk i undervisningen.
Utfordringer vi måtte løse:
Bakgrunnen for prosjektet
Begrenset mulighet for fysiske møter og arrangementer
Behov for bedre digitale løsninger i skolen
Manglende tilgang til interaktiv veiledning
01 Oppstart
I oppstartsfasen samarbeidet jeg tett med en UX-designer og en utvikler. Vi hadde som mål å designe en plattform som effektivt samlet innhold fra forfatterne av alle læreverk og med et tydelig hierarki og intuitiv navigasjon.
Jeg tok utgangspunkt i Gyldendals visuelle profil og implementerte formspråk, farger og typografi i tråd med deres profilmanual. Fagfarger ble brukt aktivt i navigasjonen, og læreverkenes logoer ga tydelig tilknytning og gjenkjennelse på hver videoside.
Eksempler på fagfargene og hvordan de grafiske elementene er blitt brukt på andre flater.
Avgrensning av problemet
02 Utforskning og innsikt
Videosidene ble organisert ut i fra grunnskole og videregående. Under der skulle alle fagene ligge med alle sine ulike lærebøker med egne fagfarger og logoer til lærebøkene.
Sidens struktur
Skjermbilder fra skisse på en ferdig startside for grunnskole nivå
Menyvisning med de ulike fagene og læreverkene i undermenyen
02 Utforskning og innsikt
For å skape oversikt og brukervennlighet organiserte vi innholdet etter nivå (grunnskole og videregående), der hvert fag hadde egne undersider med tilhørende lærebøker.
Underveis identifiserte jeg behovet for et fleksibelt fargesystem som kunne støtte universell utforming og gi en tydelig visuell struktur:
Et komplekst fargesystem
Bakgrunn basert på 100 % fagfarge
Mørkere nyanse til knapper og interaksjonselementer
Lysere eller kontraststerk farge til knappetekst
Kontrastsjekk for tilgjengelighet på alle fargekombinasjoner
03 Strategi og design
Universelt utformet side
Organisert innhold med fargekoder og læreverkslogoer
Utviklet interaktiv videoløsning med spoleknapper
Inkluder kapittelinndelinger for rask tilgang til konkrete deler av videoen
03 Løsning
Gyldendal Videoplattform
Brukerfokus og visuell struktur i praksis
Prosjektet ga meg verdifull erfaring med å utvikle løsninger som tar utgangspunkt i brukerens behov, med særlig fokus på informasjonsarkitektur og struktur. Jeg lærte hvordan visuell identitet kan brukes strategisk for å styrke både brukervennlighet og gjenkjenning. Samtidig ga det tette samarbeidet med utvikler og UX-designer meg dypere innsikt i teknisk gjennomføring, og styrket min evne til å jobbe effektivt i tverrfaglige team.
