2023
Aera Betaling & Identifikasjon
Ble involvert for å realisere Aera sin visjon om å bli en ledende aktør innenfor checkout-løsninger på web.
Eksempelprosjekt
Ny checkout modul
Bakgrunn
Aera bygger en ny betalingstjeneste for å bedre imøtekomme kundenes behov for en samlet betalingsopplevelse. Som en del av prosjektet må Aera modernisere mange front-end-komponenter for å holde seg konkurransedyktig. Prosjektets hovedfokus er å modernisere den hostede betalingsmodulen, som er et viktig betalingsvindu for netthandel. Det gjør det mulig for nettbutikker å akseptere flere betalingsmetoder uten å måtte bekymre seg for sikkerhet og etterlevelse.
Mål
Målet er å forbedre funksjonaliteten og brukeropplevelsen i HPP'en, slik at det blir enklere og mer intuitivt å bruke. Dette skal bidra til å øke konverteringsraten hos nettbutikkene og styrke deres merkevare. De ønsker at løsningen skal være en sømløs brukeropplevelse i tråd med beste markedsstandard.
Min rolle
UX designer og fasilitator / team lead for et team på 3 stk – frontend, grafisk design og UX. Ansvarlig for brukeropplevelse og flyt. Fasilitering av workshops med stakeholdere, gjennomføring av brukertester samt utforming av wireframes og prototype.
Prosess
- Client brief og oppstart – oppstartsmøte og workshop med kunden for å avklare forventninger til prosjektet, roller og leveranser. Kunden hadde tydelige rammer og høye forventninger, så hovedfokuset var å skape verdi raskt og legge til rette for tett iterasjon.
- Team canvas med utviklingsteamet – vi ble kjent, avklarte roller og ansvar, og etablerte gode kommunikasjonsrutiner for et effektivt samarbeid.
- Service design blueprint – vi utarbeidet en teknisk brukerreise for å kartlegge flyt, avhengigheter og potensielle flaskehalser i løsningen.
- Design og testing – utviklet og brukertestet tidlige skisser for å validere retning og identifisere friksjonspunkter tidlig.
- Parallell utvikling – Frontend-teamet startet med oppsett og utvikling parallelt med designprosessen, for å sikre fremdrift.
- Begrensninger og justeringer – funn fra innsikt, samt tekniske og juridiske føringer, påvirket videre designvalg og brukeropplevelse.
- Løpende kvalitetssikring – hyppige innsjekker med kunden og prosjektleder for å sikre at vi var på riktig spor gjennom hele løpet.
- Universell utforming – testet løsningen systematisk for UU, og justerte der det var nødvendig for å sikre tilgjengelighet.
- Heuristisk evaluering – gjennomførte en evaluering basert på etablerte heuristikker og forbedret løsningens brukervennlighet.
- Avsluttende workshop og overlevering – sluttworkshop med gjennomgang av gjenværende arbeid, overlevering til utvikling og komplett designsystem for videre skalering.
Læring underveis
Prosjektet ga meg en dypere forståelse av komplekst skjemadesign. Å lage noe for alle tar tid og krever iterasjon og testing. Jeg erfarte hvor krevende det er å forene visuell enkelhet med tilgjengelighet og forretningslogikk, samtidig som løsningen må fungere på tvers av språk og enheter. Denne kompleksiteten gjorde prosjektet givende. Jeg lærte mye om WCAG-krav, tastaturnavigasjon, og hvordan detaljer i feltnavn og feilmeldinger påvirker brukeropplevelsen.
Løsning
Løsningen som ble levert besto av to maltyper: en standardmal med nøytral profilering, og en tilpasningsbar mal hvor forhandlerne selv kunne justere blant annet logo, farger og bakgrunn via et eget konfigurasjonsverktøy. Begge malene leverte en enhetlig, enkel og moderne brukeropplevelse, optimalisert for både web og mobil. Designet støttet ulike betalingsmetoder og var skalerbart for fremtidige behov. Løsningen la også til rette for sømløs og tilpasset UX på tvers av kanaler og forhandlere.
