Nettsider som gjør kompliserte bompriser forståelige for hvermannsen

Vi designet og utviklet nye nettsider for bompengeselskapet Ferde, med en prisløsning som håndterer svært komplekse takstmodeller og en statistikkløsning som oppdaterer seg selv.

Arbeid: Webutvikling, webdesign, UX, UI, UU, integrasjoner

Bompriser og bompengefinansiering er et komplisert felt. De nye nettsidene til Ferde gjør det enkelt for bilister å finne riktig pris selv, og å se hva pengene går til.

mockup som viser forsiden til ferde.no på laptop

Background:

Det regionale bompengeselskapet Ferde har ansvar for bompengefinansiering av veiprosjekter i Vestland, Rogaland og Agder. Selskapet drifter 124 bomstasjoner fordelt på 21 prosjekter, fra bypakker og undersjøiske tunneler til ferjesamband og enkeltstående bomstasjoner.

Nettsidenes viktigste jobb er å gjøre det enkelt for bilister å se hva det koster å kjøre gjennom en bom, med eller uten avtale.

Det er enklere sagt enn gjort når prisene settes lokalt, og varierer fra prosjekt til prosjekt. Noen av veiprosjektene har rushtidsavgift, noen har ulike priser per stasjon, og noen har flere bomringer innenfor samme pakke. Enkelte prosjekter har til og med to ulike prismodeller i én og samme bompakke.

Ferde trengte nye nettsider som kunne presentere all denne informasjonen på en forståelig og tilgjengelig måte, som gjorde det enkelt for Ferde å oppdatere innholdet selv, og som ikke minst var bygget etter kravene til universell utforming.

Solution:

Vi beholdt Sanity som publiseringsløsning og bygde en ny frontend i Next.js, med fokus på ytelse, brukervennlighet, søkemotoroptimalisering og universell utforming. Innhold og design ble strukturert rundt Ferdes ulike målgrupper: bilister som leter etter takster, brukere som søker fritak, presse og eksterne aktører som trenger statistikk, og eiere og finansielle aktører som følger prosjektene.

Det mest kompliserte arbeidet lå i å vise frem takstene enkelt og forståelig.

Brukerens behov i sentrum

Bompengefeltet er fullt av fagord, regelverk og intern logikk som bilister som bare lurer på hva det koster å kjøre forbi, ikke har tid og kompetanse til å forholde seg til.

Vi hjalp Ferde å se det hele fra brukerens side: hvordan informasjonen burde struktureres, hva som burde løftes frem, og hvordan språket kunne gjøres så klart at bilister enkelt forstår og finner frem til det de skal.

Med brukernes behov som utgangspunkt tegnet vi opp strukturen på sidene, og jobbet oss fra sitemap og enkle skisser frem til klikkbare prototyper. Det lot oss teste og justere brukerreisene før en eneste side ble utviklet.

Det visuelle uttrykket bygger på Ferdes profil, satt sammen i et fleksibelt designsystem av modulære komponenter som kan gjenbrukes og settes sammen på nye måter. Det holder sidene konsistente i uttrykk og gjør dem enkle å videreutvikle over tid, uten at helheten faller fra hverandre. Underveis var det en kontinuerlig avveining mellom kreative grep og kravene til universell utforming, med mål om et uttrykk som både styrker Ferdes identitet og fungerer for alle.

Informasjonsarkitekturen er strukturert etter i hva brukerne faktisk lurer på, og hva de skal gjøre på sidene. Vi laget korte og tydelige brukerreiser frem til den informasjonen folk er ute etter, samlet ofte stilte spørsmål i klare kategorier på en egen side, og gjorde sentrale tjenester som skjemaer og kontaktinformasjon lett tilgjengelige fra både hovedmeny og bunntekst.

mockup som viser nettsidene ferde.no på laptop og mobil

mockup som viser interaktiv kart med oversikt over bomstasjoner på ferde.no på laptop og mobil

Interaktivt bomstasjonkart

Alle bomstasjonene vises på et interaktivt kart med riktige koordinater og innkrevingsretning. Prisene er tilgjengelige direkte i en popup når du klikker på en stasjon, med mulighet for å veksle mellom med eller uten avtale,

For prosjekter med flere bomringer, som Bymiljøpakken på Nord-Jæren, kan brukeren filtrere både kartet og listen på én bomring av gangen. Kartet zoomer da automatisk inn på ringen som er valgt, slik at det alltid er tydelig hva prisene gjelder for.

Enkel og automatisk prisoversikt

Bomprisene synkroniseres fra et Fabric-API hver natt, slik at 124 bomstasjoner fordelt på 21 prosjekter holder seg oppdatert uten manuelt arbeid for Ferde. Synkroniseringen er bygget slik at gamle priser tas vare på, selv om de ikke lenger er med i den nyeste oppdateringen.

Oppdatert statistikk

Nettsidene viser døgnfersk statistikk over antall passeringer og hvor mye de ulike bompakkene har hentet inn, hentet direkte fra Ferdes egne systemer.

De som vil grave dypere, kan laste ned hele tallgrunnlaget som et Excel-ark. Også her hentes tallene rett fra kilden, slik at nedlastningen viser nøyaktig det samme som skjermen.

Universelt utformet

Som offentlig virksomhet med digitale tjenester til allmennheten må Ferde følge kravene til universell utforming. Det var en kontinuerlig avveining mellom kreative grep og kravene til tilgjengelighet, og vi behandlet ikke universell utforming som et sjekkpunkt til slutt, men som en del av hele arbeidet, fra innsikt og informasjonsarkitektur til design, utvikling og kvalitetssikring. Sidene er bygget etter standarden WCAG 2.1 AA.