Alle prosjekter

LØRN.TECH

Forslag til nye nettsider for LØRN.TECH: kortere budskap, megameny og en fargematrise som skiller 38 podkasttemaer.

Kunde
LØRN.TECH
Rolle
Designer og prosjektleder
År
2022
Type
UX og webdesign
Status
Designforslag fra 2022
Forsiden og en underside i det nye forslaget for LØRN.TECH

Hva trengte kunden?

Nettsidene hadde mye innhold og mange temaer, men budskapet var utydelig. LØRN trengte sider som viser bredden uten å overvelde, og som får flere til å lytte og bli medlem.

Hva ble laget?

UX-assessment, wireframes, test av megameny, fargematrise for 38 temaer og design av forside, podkastsider, salgsside for bedrifter og LØRN Masters, i samarbeid med markedsansvarlig og tekstforfatter.

Hele prosessen

Oversikt

LØRN.TECH lager podkaster og kurs om teknologi og fremtidens kompetanse, med et medlemskap i LØRN.University. Som designer og prosjektleder for nettsidene jobbet jeg kontinuerlig med å forbedre brukeropplevelsen og gjøre det lettere å selge tjenestene.

I et av mine siste prosjekter samarbeidet jeg tett med markedsansvarlig og tekstforfatter om et forslag til nytt oppsett for forsiden, salgssiden for bedrifter, podkastsidene og LØRN Masters, en ny faktabasert podkastserie.

Status: designforslag fra 2022.

Skisser av de nye sidene til LØRN.TECH

Kriterier

  • Formidle budskapet kort og konkret.
  • Fremheve de viktigste sidene.
  • Vise frem alt innholdet uten at det blir overveldende.
  • Skille de 38 podkasttemaene fra hverandre.
  • Bilder og språk som føles levende og inspirerende.
  • Overbevise flere om å bli medlem i LØRN.University.

Kartlegging og skisser

Jeg startet med en UX-assessment av den gamle løsningen, med heatmaps og trafikkdata. Deretter jobbet vi med innholdsstrategien i wireframes: hva er viktigst for brukeren å få vite på hver side: hva, hvorfor og hvorfor oss?

UX-assessment av de gamle sidene med heatmap og trafikkdata
Håndtegnede wireframes av forsiden og podkastsiden

Megameny

Med 38 podkasttemaer testet vi en megameny for å gjøre bredden synlig, sortert etter kategori, tema og format, med søk alltid tilgjengelig.

Tester av megameny for å vise alle temaene

En farge per tema

For å skille de 38 temaene laget jeg en fargematrise basert på den etablerte fargeprofilen og fargesymbolikk. Hvert tema fikk en farge etter følelsen eller assosiasjonen det gir, fra lyse og lekne farger øverst til mørke og eksklusive nederst. Fargen følger temaet på tvers av sidene, så brukeren kjenner det igjen.

Fargematrise med en farge for hvert podkasttema

Forsiden

Forsiden er bygget for å lede to typer besøkende videre: de som vil lytte, og bedrifter som vil kjøpe. Inspirert av Audible brukte vi flere bilder av mennesker som lytter, for å vise hvordan og hvor man kan bruke LØRN.

  • Færre menypunkter og søk i navigasjonen.
  • Egen inngang for LØRN for Business.
  • Innhold i faner for mindre scrolling.
  • Mission statement, kundeomtaler og kundelogoer som sosialt bevis.
  • Oversikt over alle sider i footeren.
Forsiden med forklaringer på hvert designvalg

Podkastsidene

Avspillingsknappen er gjort større og tydeligere, innholdet er kortet ned, og hver side får fargen til sitt tema. En video forklarer hva podkastene inneholder, og en tydelig CTA sender brukeren videre til abonnement.

Podkastsiden med forklaringer på designvalgene
Podkastsider i ulike temafarger

Bedrifter og LØRN Masters

Salgssiden for bedrifter samler fordelene, kundeomtaler og et kontaktskjema på én side. LØRN Masters presenterer den nye faktabaserte serien med ekspertene i front og en kort forklaring på hvorfor serien finnes.

Salgssiden for bedrifter
Siden for LØRN Masters

Ferdigheter i prosjektet

  • UX
  • UX-assessment
  • Informasjonsarkitektur
  • Wireframing
  • Fargesystem
  • UI-design
  • Figma
Neste prosjektAtelier 88 →