Hopp til innhold
Alle prosjekter/Storebrandam.com og Delphi
Storebrand Asset Management2023 — 2026UX Lead / Senior UX DesignerFremhevet

Denne gangen satt det.

SAM Web var et strategisk viktig mål for Asset Management, og vi lyktes der andre hadde mislyktes. Det handlet ikke bare om design. Det handlet om et team som fungerte. En sterk produkteier, en dyktig arkitekt, en flink utvikler og tett samarbeid med marked og kommunikasjon. Vi bygde psykologisk trygghet fra dag én og holdt fast på den hele veien. Resultatet var et nettsted som faktisk ble levert, til rett tid og som lovet.

Storebrandam.com landing page wireframe
HeroStorebrandam.com og Delphi. To merker, én skalerbar plattform.Illustrativt plassholder. Ekte skjermbilder kommer.
2merker
SAM + Delphi
3initiativer
Dekket nedenfor
01Kontekst og bakgrunn

Et høyprioritert prosjekt som tidligere team ikke hadde klart å levere.

Dette var et prioritert prosjekt som tidligere team ikke har klart å levere på. Prosjektet kom som en bestilling helt fra toppen av organisasjonen, og forventningene var høye. Tidligere forsøk stoppet opp etter innsikten og planleggingen.

Vi hadde et klart mål, selv med det lille teamet: få bygget grunnfundamentet, ta eierskap og få det i produksjon. Oppgaven min var å være dedikert UX-ressurs. Her var målet å balansere brukerbehovet, forretningsmålene og de tekniske rammene vi hadde med bare én senior utvikler.

02Tilnærming

Innsikt før verktøy. Design i koden.

Jeg var involvert fra den tidligste fasen, gjennomførte innsiktsarbeid og brukte funnene til å foreslå en informasjonsarkitektur før noe designverktøy ble åpnet. Jeg ledet både fysiske og digitale workshops med representanter fra ulike forretningsområder, og kjørte brukertester for å validere retningen og iterere.

Da prosjektet gikk inn i innholdsfasen, ba jeg proaktivt om utviklertilgang og bidro direkte i koden. Designbeslutninger på implementasjonsnivå, merkekonsistens, og leveranser til produksjon.

  1. A

    Innsikt og IA før noe designverktøy

    Jeg var involvert fra den tidligste fasen, gjennomførte innsiktsarbeid og brukte funnene til å foreslå en informasjonsarkitektur før Figma ble åpnet. Å forstå hva fondssiden faktisk trengte var en nøkkelfaktor for at vi lyktes.

  2. B

    Workshops og brukertester gjennom hele prosjektet

    Jeg ledet både fysiske og digitale workshops med representanter fra ulike forretningsområder, og kjørte brukertester for å validere retningen og iterere. Marked og kommunikasjon, men også fondssiden. Kjernen i det Storebrand AM driver med.

  3. C

    Utviklertilgang og leveranser direkte i koden

    Jeg ba proaktivt om utviklertilgang og bidro direkte i kodebasen. Designbeslutninger på implementasjonsnivå, merkekonsistens på tvers av SAM og Delphi, og leveranser til produksjon.

03Resultat

Levert til rett tid. Skalerbart for fremtidige merker. Fornøyde interessenter.

Leverte et nytt, merkevaretilpasset og skalerbart nettsted for Storebrand AM, bygget til å støtte Delphi og flere merker. Jeg eide UX i alle faser, fra å forme informasjonsarkitekturen til å levere tilgjengelige komponenter direkte.

Interessenter ga konsekvent sterke tilbakemeldinger på kvalitet og leveringstempo. Designet var ikke revolusjonerende, og det var heller aldri poenget. Med en stram tidsfrist og et veldig lite team var målet å bygge et solid fundament å vokse på.

Vi bygde ikke bare et nytt nettsted. Vi la et helt nytt fundament for å posisjonere Storebrand Asset Management for vekst som en nordisk aktør.
04Høydepunkter

Tre konkrete ting. Alle i dybden.

4.1

Fra storebrand.com til en selvstendig plattform

Vi bygde ikke bare et nytt nettsted. Vi la et helt nytt fundament for å posisjonere Storebrand Asset Management for vekst som en nordisk aktør.

Utfordring

Storebrand Asset Management hadde tidligere levd inne på storebrand.com. Målet var å flytte ut og bygge et helt nytt selvstendig nettsted fra bunnen av. Med et lite team og én senior utvikler. Tidligere forsøk fra andre team hadde ikke lyktes.

Tilnærming

Jeg ledet innsiktsarbeidet fra starten og brukte funnene til å foreslå informasjonsarkitektur tidlig. Vi jobbet tett med alle de store forretningsområdene gjennom hele prosjektet.

  • Kjørte workshops og brukertester for å validere og iterere
  • Skapte en identitet som tydelig var Storebrand, men tilpasset Asset Management
  • Fikk utviklertilgang og bidro direkte i kodebasen
  • Brukte AI-verktøy som Deep Research og konkurranseanalyse for tidlig innsikt, alltid med grundig gjennomgang av innholdet
Resultat

Et helt nytt, selvstendig nettsted for Storebrand AM, bygget fra bunnen av. Levert til rett tid, som lovet. Designet var ikke revolusjonerende, og det var heller aldri poenget. Med en stram tidsfrist og et veldig lite team var målet å bygge et solid fundament å vokse på.

4.2

Delphi

Vi utvidet plattformen til å støtte Delphi-merket, og drev engasjement og leveranse proaktivt.

Utfordring

Delphi-sidene hadde stått urørt lenge. Ingen hadde jobbet med dem på år. De var ikke bare utdaterte, de var forlatt. Merket fortjente bedre.

Tilnærming

Vi tok med oss all kunnskapen fra AM-prosjektet og gikk rett i gang. Ikke et stort nettsted, men et prosjekt vi tok på alvor.

  • Brukte token-strukturen og fundamentet vi allerede hadde bygget, noe som ga oss et betydelig forsprang
  • Bidro direkte i kodebasen ved siden av senior-utvikleren
  • Hentet inn tilbakemeldinger fra redaktørene tidlig og brukte dem aktivt til å forbedre løsningen
  • Leverte innenfor tidsrammen
Resultat

Delphi fikk et nettsted de er stolte av. Interessentene var fornøyde, og tilbakemeldingen spesifikt fra Delphi-siden var den beste vi fikk. Fra forlatt og glemt til noe alle er fornøyde med. Det kjennes bra.

4.3

Tilgjengelighet og WCAG

Identifisere og fikse tilgjengelighetsproblemer på tvers av plattformen, fra visuelt design til produksjonskode.

Utfordring

Tilgjengelighet er lett å deprioritere når tempoet er høyt. Vi lot ikke det skje. Trekkspill oppfylte ikke WCAG-kravene, og fokustilstander på viktige navigasjonselementer var utilstrekkelige.

Tilnærming

Jeg så problemet, designet løsningen, implementerte den og testet den. Hele sløyfen selv.

  • Redesignet og kodet nye trekkspill med fokus på WCAG-samsvar
  • Identifiserte og fikset fokustilstander på hovedmenyelementer
  • Pushet rettingene rett til produksjon
Resultat

WCAG-samsvarende komponenter i produksjon. Men det som virkelig var givende var å eie hele prosessen selv. Se et problem, løs det, lever det. Det er ganske kult for en UX Designer å kunne gjøre.

05Bidragsytere

Ingenting leveres alene.

UX Lead

Anders Gram

Product

Produkteier

Engineering

Senior utvikler

Stakeholders

Marked, Komm, Fondsteam

A note

Dette skrivet er utarbeidet med hjelp av AI-verktøy, basert på notater og dokumentasjon jeg produserte underveis. Vurderinger, beslutninger og resultater er mine.