AutoSync · Bedriftsportal
AutoSync: ny bedriftsportal
Kort oppsummert
Utfordring: AutoSync trengte en egen, skalerbar bedriftsportal for å skille bedriftskunder fra privatkunder. Portalen måtte håndtere komplekse kundeforhold, avtaler, flåtestyring og nye abonnementsprodukter uten at brukeropplevelsen ble tung.
Løsning: En strukturert workshop om brukerhistorier i FigJam (47 brukerhistorier), og AutoSyncs nye merkevare gjort om til et komplett designsystem i Figma, med gjenbrukbare mønstre for flåtestyring og fakturering.
Status: Myk lansering i mai 2025.
Kjernefunksjonalitet og selvbetjening: Selvbetjeningsflyter for biladministratorer, for eksempel pausing og terminering av brikker, skulle redusere belastningen på kundeservice.
Designsystem og merkevarebytte: Designsystemet i Figma ble bygget om med nye merkevarefarger (lilla palett), typografi, avstander og komponenttilstander.
Gjenbrukbare mønstre: Tabeller, søk, filtrering, massehandlinger og fargekodede statuser ble standardisert på tvers av modulene, så brukerne slipper å lære grensesnittet på nytt fra side til side.
Utfordringen
- Kompleks struktur: AutoSync utsteder AutoPASS-brikker i Norge og Danmark. Den opprinnelige portalen var felles for både privat- og bedriftskunder.
- Ulike kundeforhold: Bedriftskundene hadde flere avtaler, ulike juridiske enheter og store kjøretøyflåter. Samtidig ble nye abonnementsprodukter introdusert.
- Mål: En egen bedriftsportal som forenkler hverdagen for biladministratorer, reduserer henvendelser til kundeservice og samler avtaler og kjøretøy i én visning.
Brukerhistorier og flyter: kartlegging av selvbetjening
Arbeidet startet med en workshop i FigJam for å definere og prioritere hva portalen måtte løse:
- 47 brukerhistorier i 8 grupper: Historiene ble organisert i områder som onboarding, tilganger, faktura, kjøretøy og brikkehåndtering. Åpne spørsmål ble løftet fram og avklart tidlig.
- Selvbetjening i fokus: Et viktig behov var at bedriftene skulle klare seg selv. Historiene ble til konkrete brukerflyter for å endre avtaler, pause brikker og håndtere kjøretøy uten hjelp fra kundeservice.
- Forenkling av kompleksitet: Brukeren skulle slippe å forstå hele datastrukturen bak. Derfor samlet vi bedriftsinformasjon, avtaler og antall kjøretøy i én kundeforholdsvisning.
Designsystem og gjenbruk av mønstre: ny merkevare
I løpet av prosjektet lanserte AutoSync en ny merkevareidentitet. Det krevde at designfundamentet ble lagt om og samlet:
- Skalerbare komponenter: Designsystemet i Figma ble bygget om med en ny lilla fargepalett, faste regler for avstand og typografi, og definerte komponenttilstander (hover, active, disabled).
- Effektiv bygging: Fordi komponentene var forankret i designsystemet fra start, kunne alle skjermbilder og komplekse visninger bygges raskt og likt.
- Gjenbruk av mønstre i praksis: Felles mønstre for tabeller, søk, filtrering og fargekodede statuser ble brukt på tvers av helt ulike moduler, som kjøretøyoversikten med massehandlinger og fakturaoversikten. Det gjør portalen lettere å lære for brukerne.
Hva jeg tok med meg videre
- Tydeligere argumentasjon for brukerinnsikt: Underveis i prosjektet så jeg mulige hull i brukeropplevelsen og anbefalte å hente inn faktiske brukerdata. I ettertid ser jeg at dette argumentet burde vært fremmet enda tydeligere overfor kunden, så brukertesting ble prioritert tidligere.
- Smidig skalering: Å bygge direkte på felles mønstre i designsystemet sparte mye tid i designfasen og ga kunden en forutsigbar opplevelse i hele portalen.