# Designet produktets UI og UX fra ende til annen — katalogrutenett, doble kort- og tabellvisninger, fortløpende validering av krav og brødsmulenavigasjon.

2025

**Situasjon.** Plattformen setter mange ulike entiteter foran folk — fagpersoner, selskaper, skip, stillinger, omtaler — og grensesnittet måtte være to ting som kjemper mot hverandre: pent og virkelig brukbart. Tett nok til å vise ekte maritime data, men ikke så tett at det blir en vegg man preller av mot.

**Oppgave.** Produktets UI og UX ble eid fra ende til ende — oppsettene, interaksjonsmønstrene og de mindre tingene, som hvordan noen blir loset gjennom et skjema uten å føle seg maset på.

**Handling.** Noen få beslutninger gjorde det meste av jobben. Katalogrutenettene har en veksling mellom kort og tabell, så man kan bla visuelt eller skanne en tett tabell, og appen husker hva man valgte. Skjemaene bruker kravvalidatorer i sanntid som står over inndatafeltet og viser hver regel i grønt når den er oppfylt og i ravgult når den ikke er det, så man blir veiledet mens man skriver i stedet for å bli irettesatt etter at man har sendt inn. Navigasjonen består av konsekvente brødsmulestier og tokolonneoppsett for entiteter, så sidene føles som det samme produktet og ikke som et sett urelaterte skjermer. Og feilfilosofien er veiledning framfor feil — ingen røde vegger, omdirigeringer i stedet for blindveier, en app som prøver å holde brukeren i gang i stedet for å stoppe vedkommende.

**Resultat.** Det som kom ut av det, er en polert, konsistent opplevelse som gjør tette maritime data tilgjengelige og loser folk gjennom de kompliserte delene. Den framstår som gjennomtenkt og troverdig, og det er ikke kosmetikk på en plattform folk bruker for sin faktiske karriere — hvis den så slurvete ut, ville de stole mindre på dataene, og det med rette.

---

- Rolle: UX/UI‑designer
- Kategorier: [Frontend‑utvikling](https://software.engineer.company/nb/categories/frontend/), [Webutvikling](https://software.engineer.company/nb/categories/web-development/), [Designsystemer og brukergrensesnitt](https://software.engineer.company/nb/categories/design-systems/), [UX/UI‑design](https://software.engineer.company/nb/categories/ux-ui/), [Produkt og krav](https://software.engineer.company/nb/categories/product/)
- Tjenester: [Frontend‑utvikling](https://software.engineer.company/nb/services/frontend-development/), [UI/UX‑design og designsystemer](https://software.engineer.company/nb/services/ui-ux-design/), [Produktstrategi og krav](https://software.engineer.company/nb/services/product-strategy/)

<https://software.engineer.company/nb/portfolio/designed-the-product-s-ui-and-ux-end-76/>
