UX · Visuell design · Frontend
Fra informasjonsarkitektur og brukerflyt til visuell identitet og komponentbibliotek – med bruker og resultat i fokus gjennom hele prosessen.
Utvalgte prosjekter
Websideredesign · IA · Figma
Omstrukturering av IA og innhold for å adressere to distinkte målgrupper med helt ulike behov og beslutningsgrunnlag.
Les case studyKartapplikasjon · Interaksjonsdesign · UX
Designet en kartbasert webapplikasjon for analyse og sammenligning av selskapsporteføljer på norsk kontinentalsokkel.
Les case studyOm meg
Jeg er UX- og grafisk designer med erfaring fra komplekse dataprodukt i energibransjen. Til daglig jobber jeg med å gjøre avansert funksjonalitet forståelig – for brukere som er eksperter på sitt felt, men ikke nødvendigvis på teknologi.
Jeg jobber hele veien fra informasjonsarkitektur og brukerflyt til visuell identitet og komponentbibliotek. Jeg er komfortabel i Figma, forstår frontend, og er vant til å forankre designvalg i faktiske brukerbehov – ikke antagelser.
Jeg søker miljøer der design brukes til å løse reelle problemer, og der jeg kan bidra på tvers av fag og disipliner – fra første idé til ferdig produkt.
Prosjekt 01
Omstrukturering av informasjonsarkitektur og innhold for en kompleks produktsuite rettet mot norsk olje- og gasssektor.
Kontekst
Glex lager porteføljeintelligensverktøy for operatører på norsk kontinentalsokkel. Produktsuiten består av Glex Energy – en Windows-plattform for dypanalyse – og fem spesialiserte webapper: Portfolio Map, Prospect Atlas, Portfolio View, Dashboard og reStore.
Utfordringen var at det ikke eksisterte konsensus internt – hverken om hva som var kjerneprodukt, hvem som var primærmålgruppen, eller hvordan produktene hang sammen. Det ble direkte synlig på nettsiden.
Problem
Daglige brukere – exploration managers, business dev managers og asset managers – trengte teknisk dybde, dokumentasjon og forståelse av hvordan verktøyene fungerte i praksis. Beslutningstakere og innkjøpere trengte ROI-argumenter, tillitsbygging og svar på «hvorfor Glex fremfor alternativene».
"Nettsiden behandlet alle besøkende likt – men behovene var fundamentalt forskjellige."
I tillegg manglet hierarki: fem produkter fremsto som likestilte, uten å kommunisere at de er deler av én sammenhengende plattform – ikke fem separate kjøp.
Innsikt
Gjennom analyse av eksisterende IA og gjennomgang av konkurrenter som Atlassian og FutureOn identifiserte jeg et grunnleggende strukturproblem: produktet ble presentert som en liste med likestilte verktøy, men brukernes mentale modell var en sammenhengende plattform.
Jeg hentet inn konferansemateriell og interne salgsdokumenter for å forstå hvilke argumenter som faktisk landet hos kundene. Der fant jeg de tre smertepunktene som ble kjernen i den nye kommunikasjonen: manglende datakonnektivitet, tall uten innsikt, og tid brukt på manuelle oppdateringer.
"God IA krever noen ganger at man stiller spørsmål ingen andre har stilt ennå."
Prosess
Kartla eksisterende IA og identifiserte bruddpunkter – hva ble ikke funnet, hva var uklart, hva manglet kontekst
Definerte to primære målgrupper med ulike behov, motivasjoner og beslutningsmakt
Utviklet to navigasjonskonsepter: platform-first nav vs. rolle-first nav – og testet begge mot interne stakeholders
Besluttet todelt sidestruktur: Platform overview for brukere, Why Glex for beslutningstakere
Bygget komponentbasert elementbibliotek i Figma med konsistente designtokens og gjenbrukbare seksjoner
Integrerte ekte salgskopi fra konferansemateriell – erstattet lorem ipsum med reell kommunikasjon
Løsning
Platform overview ble en teknisk, brukerorientert side som forklarer hvordan plattformen fungerer operasjonelt – med produkthierarki, integrasjoner og rollebaserte bruksscenarioer.
Why Glex ble en aktiv salgspitch rettet mot beslutningstakere: smertepunktbasert kommunikasjon, ROI-framing, konkurransedifferensiering og tydelige kjøpsveier. Inspirert av bevisst strukturerte SaaS-sider som Miter og Atlassian.
Et felles designsystem binder det hele sammen visuelt: fargekodede produktkort, konsistente typografiske hierarkier og et komponentbibliotek bygget for enkel videre utvikling.
Refleksjon
Det krevende var ikke å designe – det var å avklare hva vi egentlig solgte. En nettside kan ikke kommunisere det et selskap ikke har blitt enige om internt. Prosjektet tvang frem en intern produktposisjonering som manglet.
Jeg lærte at UX-design på strategisk nivå handler like mye om å stille riktige spørsmål til organisasjonen som om å løse brukerproblemer. Noen ganger er designerens viktigste bidrag å synliggjøre uklarheten – ikke bare løse den.
Prosjekt 02
Interaksjonsdesign for en kartbasert webapplikasjon der komplekse geodata skal gi rask beslutningsstøtte for eksplorasjonsteam på norsk sokkel.
Kontekst
Portfolio Map er en webapplikasjon som lar eksplorasjonsteam og Business Development- managere visualisere og sammenligne selskapsporteføljer på norsk kontinentalsokkel. Brukerne kan se lisenser, felt, brønner, CCS-lisenser og APA-runder på ett interaktivt kart.
Brukerne er fageksperter med høy datakompetanse – men lav toleranse for kompliserte grensesnitt. De screener markedet raskt og trenger svar, ikke opplæring.
Problem
Kartdata er per definisjon komplekst. Lisenser, felt, brønner, CCS-lisenser og produksjonsdata skal vises samtidig og gi rask beslutningsstøtte – ikke kreve tolkningsarbeid av brukeren.
"Det mest krevende var ikke hva som skulle vises – men hva som skulle skjules."
I tillegg skulle kartet støtte sammenligning av flere selskapers posisjoner side om side, noe som stiller høye krav til visuell prioritering og filterarkitektur.
Innsikt
Kartflaten er primærgrensesnittet, men sidepanelet er like viktig. Det er der brukeren faktisk leser av informasjon, sammenligner data og tar beslutninger. En vanlig feil i kartapplikasjoner er å behandle sidepanelet som sekundært.
Brukerne screener raskt: de vil filtrere, sammenligne og bore ned – ikke studere en legende. Interaksjonsdesignet måtte støtte en workflow som starter bredt og snevrer seg inn, ikke omvendt.
Prosess
Kartla primærscenarioet: «Finn alle lisenser eid av selskap X i Nordsjøen» – og designet en brukerflyt rundt det
Designet filterarkitektur og lagstruktur for kartet: hvilke lag er på som standard, hvilke er av, og hvordan toggles de
Utviklet click-to-inspect-funksjonalitet for sidepanelet – detaljvisning uten å forlate kartflaten
Itererte på visuell prioritering: fargekoding av selskaper, ikonografi for ulike datapunkter, lesbarhet mot mørk kartbakgrunn
Tett samarbeid med frontend-utviklere gjennom implementeringen – justerte design basert på tekniske muligheter og begrensninger
Løsning
Et interaktivt kart med lagbasert datavisning, filtrerbart per selskap, område og asset-type. Alle datakilder fra NPD er integrert og alltid oppdaterte.
Klikk på ethvert element – felt, lisens, brønn – åpner et detaljpanel med statistikk, historikk og relaterte assets, uten å forlate kartflaten. Filterpanelet er designet for å støtte rask screeningen: bredt inn, fort ned til det relevante.
Refleksjon
Å designe for domeneeksperter er annerledes enn å designe for «vanlige» brukere. De vil ha alt – og de vil ha det fort. Å prioritere informasjon for noen som vet nøyaktig hva de trenger, men som ikke vil kaste bort tid på å finne det, er vanskeligere enn å lage noe enkelt fra bunnen av.
Jeg lærte at «forenkle» ikke betyr «fjerne» – det betyr å organisere slik at det komplekse blir tilgjengelig uten å bli forvirrende. Det krever dyp forståelse av brukerens mentale modell, ikke bare god smak.
La oss snakke
Jeg er tilgjengelig for nye muligheter og setter pris på en uformell prat om hva dere jobber med og hva dere ser etter.