Alle prosjekter

Etisk handel Norge

Ny nettside for Norges største nettverk for bærekraftig handel, med nye arrangementssider som ga 142 % flere nye brukere det første året.

Kunde
Etisk handel Norge
Rolle
UX- og UI-design, og bygging av enkelte sider
År
2024
Type
UX og webdesign
Forsiden til Etisk handel Norge

Hva trengte kunden?

Den gamle nettsiden hadde mye tekst, utydelig navigasjon og ingen felles designsystem. Etisk handel trengte en side som gjør det enkelt å finne og melde seg på arrangementer, og som får flere til å bli medlem.

Hva ble laget?

UX-assessment, mål, brukertest, ny informasjonsarkitektur, designguide og design av arrangementssider, medlemssider, Bli medlem og forside for desktop og mobil. Lansert på etiskhandel.no.

Hele prosessen

Oversikt

Etisk handel Norge er Norges største nettverk av bedrifter, organisasjoner og offentlige virksomheter som jobber for bærekraftige leverandørkjeder. Nettsiden er et ressurssenter med kurs, arrangementer, artikler og medlemskap, men den gamle siden var tung å bruke og vanskelig å vedlikeholde.

Min rolle: UX- og webdesigner, med UX-assessment, brukertest, informasjonsarkitektur, designguide og design av hele nettsiden, fra arrangementssidene til forsiden. Jeg bygget også enkelte sider, mens Etisk handel hadde en egen utvikler.

Målgruppe: ledere i bedrifter og andre som er interessert i bærekraft. Målet var å få nye medlemmer og beholde dem de har.

Hva var galt?

Jeg startet med en UX-assessment av den gamle siden. Funnene:

  • For mye tekst og svak lesbarhet.
  • Ulike fonter, størrelser og designelementer uten et felles system.
  • Dårlig grid og lite konsekvente designmønstre.
  • Utydelig navigasjon og dårlig tilgjengelighet.
UX-assessment av den gamle nettsiden med notater

Mål på fire nivåer

Sammen med kunden satte vi mål for ansatte, brukerne, selskapet og samfunnet, fra færre telefonsamtaler og enklere oppdatering, til flere påmeldte på kurs, flere medlemmer og en større andel bedrifter med etiske leverandørkjeder.

Vi startet også med en tydelig forventningsavklaring: kravspesifikasjon fra kunden, en progresjonsplan med tidsestimat og en forklaring av hva investeringen går til.

Mål for ansatte, kunden, selskapet og samfunnet

Brukertest

Vi gjennomførte en brukertest med seks deltakere, med intervjuguide, slektskapskart og sortering av innsikt. Det var vanskelig å rekruttere fra målgruppen, så alle deltakerne var ansatte i Etisk handel. Derfor er en ny brukertest med eksterne brukere neste steg.

Brukertest med intervjuguide, sortering av innsikt og slektskapskart

Ny informasjonsarkitektur

Jeg kartla den gamle strukturen side for side, og foreslo en ny der innholdet er delt i tre: informativt (hva er Etisk handel, om oss), aktivt (artikler, arrangementer, årsrapporter og prosjekter samlet under Aktuelt) og handling (Bli medlem og logg inn). Potensielle medlemmer og eksisterende medlemmer får hver sin tydelige vei.

Kartlegging av den gamle informasjonsarkitekturen
Før: den gamle strukturen
Forslag til ny informasjonsarkitektur
Etter: ny struktur

Arrangementssidene først

Arrangementene var det viktigste for kunden, så vi startet der, sammen med en designguide som resten av siden bygger på. Den gamle siden viste lange tekstlister. Den nye har søk og filter, tydelig dato, tid og sted, merking av arrangementer som bare er for medlemmer og en kort vei til påmelding.

Hvert arrangement viser det deltakeren trenger for å melde seg på: pris for medlemmer og ikke-medlemmer, målgruppe, forkunnskaper, hva du får ut av det og hvem som holder kurset.

De gamle arrangementssidene
Før
Ny oversikt over arrangementer på desktop
Ny oversikt over arrangementer på mobil
Etter: oversikt over arrangementer
Ny side for et enkelt arrangement med påmelding

Resultat etter ett år

Vi sammenlignet Google Analytics for arrangementssidene året før og året etter lansering:

  • +98 % økter (1 301 → 2 573)
  • +114 % brukere (620 → 1 328)
  • +142 % nye brukere (313 → 759)
  • +73 % konverteringer (11 → 19)

Tallene gjelder bare arrangementssidene. Konverteringene er få, så prosenten må leses sammen med de faktiske tallene.

Google Analytics-målinger for arrangementssidene ett år etter lansering

Resten av siden

Med designguiden på plass designet jeg resten av siden. Våre medlemmer gikk fra en lang liste med navn til en søkbar oversikt med filter på organisasjonstype og bransje. Bli medlem samler fordelene og et enkelt skjema for en uforpliktende samtale.

Den gamle siden for våre medlemmer
Før
Ny side for våre medlemmer med søk og filter
Etter
Ny side for å bli medlem med skjema

Forsiden

Forsiden kom til slutt. Den åpner med «Ressurssenter for bærekraftig handel» og to tydelige veier videre: Arrangementer og Hva vi gjør. Heatmaps viste at mange ikke scrollet langt ned. De fleste går rett til menyen og vet hvor de skal. Derfor er det viktigste lagt øverst.

Den nye forsiden på desktop
Den nye forsiden på mobil
Forsiden

Veien videre

En ny brukerundersøkelse med brukere fra målgruppen, og nye målinger av forsiden for å se om endringene gir flere medlemmer og flere påmeldte.

Ferdigheter i prosjektet

  • UX
  • UX-assessment
  • Brukertest
  • Informasjonsarkitektur
  • Designguide
  • UI-design
  • Figma
Neste prosjektLINX →