s'Park – finn en parkering eller lei ut din egen garasjeplass

Visuelt konsept, skisse av webside og app-prototype for et tenkt selskap hvor man kan leie ut egen parkeringsplass, eller leie parkering.

UX design
Identitet
App
Prototype

s'Park på to telefoner og i en nettleser: søk etter parkering, siden for å bli utleier, og landingssiden.

Prototype

Prøv selv: velg en plass, dra i skiven for å velge tid, og start parkeringen.Åpne prototypen i en ny fane (åpner i ny fane)

Skjermbilde: Finn parkering — Finn parkeringLys bakgrunn. Ledige plasser i nærheten, med pris og avstand.

Skjermbilde: Velg tid — Velg tidDu drar håndtaket rundt skiven, og totalprisen oppdaterer seg.

Skjermbilde: Bekreftet — BekreftetRingen teller ned. Du kan stoppe eller forlenge herfra.

Skjermbilde: Assistent — AssistentDu spør med vanlige ord i stedet for å sette filtre.

Skjermbilde: Utleier · intro — Utleier · introMørk bakgrunn, og du velger privat eller bedrift.

Skjermbilde: Utleier · steg 3 — Utleier · steg 3Pris og dager, med et anslag på hva plassen kan tjene.

Skjermbilde: Utleier · publisert — Utleier · publisertPlassen er ute, og du ser hva den kan tjene.

Skisse av landingssiden spark.no: «Parkering når du trenger det. Inntekt når du ikke gjør det.», med søk, appknapper og nøkkeltall. — Webside-skisseLandingssiden for spark.no.

Tokens i tre lag. En tabell viser kontrasten for åtte fargepar i lys og mørk modus. Alle består kravet. — Tokens og kontrastKontrasten er sjekket i begge moduser.

Knapper, merker, søkefelt, plasskort og infokort i lys og mørk modus. — KomponenterDe samme komponentene i lys og mørk modus.

Koden for tidsskiven. Ved siden av ser du tidsskiven og nedtellingen. En liste viser hva som virker. — Fra kode til skjermTidsskiven virker med tastatur, skjermleser og trykk.

Intervjucase fra 2019 som jeg utviklet videre i 2026. Jeg lagde identitet, logo, landingsside og flyt i mobil app som viser funksjon for å finne og booke parkering.

To flyter

Sjåføren: søk, kart eller liste, detalj og pris, bekreft tid, bekreftet, og til slutt forleng eller avslutt.

Den som leier ut: inntektsanslag, adresse, tider, pris og publisert.

Logo og typografi

Nålen står i stedet for P-en, slik at kartmarkøren ligger midt i navnet. Den fungerer også i liten størrelse, både som favicon og som markør på kartet. Logoen er satt i Signika, og grensesnittet i Hanken Grotesk.

Fargepaletten: aksent grønn, mørk grønn, lys grønn, blekk, lerret og varsel, og knapper og merker laget med dem.

Tidsvelgeren

Jeg vurderte fire varianter: tidslinje, varighet, skive og kalender. Skiven ble valgt fordi prisen står i håndtaket mens du drar. Skiven er også en kjent funksjon som brukes i flere moderne parkerings-apper.

Designsystem i kode

Jeg bygde designsystemet i kode. Farger, skrift og avstander ligger i én fil. Ti komponenter bruker dem. Lys modus er for sjåføren. Mørk modus er for utleieren.

Tre farger hadde for svak kontrast til tekst. Jeg la til mørkere farger for tekst. Den lyse grønnfargen brukes nå bare til pynt. Skjermene og prototypen er rettet.

Brukertesting

Appen er fiktiv og ikke testet. Hvis den skulle blitt et ekte produkt, ville jeg testet den slik:

Sjåfører. 5 personer som parkerer i Oslo, får prøve prototypen: finne en plass, velge tid med skiven og forlenge parkeringen. Jeg ville sett om de forstår hva de betaler før de bekrefter, og spurt om sist de parkerte et sted de ikke kjente fra før.

Assistenten. Én oppgave med et mer sammensatt ønske, for eksempel en plass nær jobben i morgen tidlig. Da ser man om de spør assistenten eller leter i lista.

Utleiere. Intervju med 3–5 personer som har en garasje eller parkeringsplass. Når står plassen tom? Har de lånt den ut før, og hvordan gikk det?

Rolle: Konsept; Identitet; UX; UI
Verktøy: Figma; Illustrator; Claude Design; Claude Code
Omfang: Intervjuoppgave, ca. 4 til 5 uker
Leveranser: Identitet; App-flyt; Landingsside-skisse; App-prototype; Designsystem i kode
År: 2019 og 2026