Fredrik Storheil
Produktdesigner
Prosjekt
Jeg bygget et komplett produktfundament for et inventar- og sirkulærøkonomi-økosystem før utvikling, i en situasjon uten utviklingsteam og uten finansiering.Leveransen var en klikkbar prototype og et designsystem som var klart for overlevering til engineering, og prosjektet ble ferdigstilt to uker før estimat.
Prosjektet måtte fungere som beslutningsgrunnlag for investorer og kunder, samtidig som det måtte være realistisk å bygge hvis finansiering kom på plass. Risikoen var å ende med en prototype som ser bra ut, men som mangler modell, states og regler til å fungere i praksis.
Lead designer i en pre-engineering-fase. Jeg eide informasjonsarkitektur, rolle og tilgang, kjerneflyter, designsystem, prototyping og dokumentasjon som grunnlag for videre utvikling.
Prosjektet startet i en fase uten teknisk plattform eller utviklingsteam, så designarbeidet måtte fungere som fundament for videre produktutvikling. Jeg begynte med systemets grunnstruktur og jobbet først med datamodellen og relasjonene mellom objekter, siden inventar må spores over tid, flyttes mellom lokasjoner og gjennom flere livssyklusfaser. Når strukturen var tydelig, delte jeg produktet i fire flater med ulike roller og behov: administrasjon, intern registrering, kunde-backoffice og feltapplikasjon. Jeg etablerte et designsystem tidlig for å kunne produsere raskere og mer konsistent, og brukte flytdiagrammer aktivt for å estimere skjermvolum, identifisere gjenbruk og strukturere milepæler.
Leveransen dekket produktøkosystem, systemmodell, designsystem og planlegging for gjennomførbar engineering.
ReSource Backoffice
Admin og backoffice for masterdata, roller, verifisering og oversikt.
ReSource Registrar
Intern app for QR-basert registrering.
Kunde Backoffice
Kunde-backoffice for håndtering av møbelflåter og service.
Kunde Mobilapp
Kundeapp for rapportering og vedlikehold i felt.
Seksjonen inneholder flyter med flere skisseplassholdere: Produktøkosystem med fire flater. Hver flyt har flere skisser med pil mellom hvert steg i flyten.
Flyter: Produktøkosystem med fire flater (4 skisser). Trykk på en skisse for å åpne gallerivisning med forrige og neste.
Sammen med tech lead modellerte vi objekt- og hendelseslogikk som grunnlag for konsistente flyter: Base Unit, Instance, Series, Fleet, Event og Verification. Dette gjorde det mulig å designe rollebaserte handlinger, statusendringer, historikk og sporbarhet på tvers av flater.
Datamodell og relasjoner
Seksjonen inneholder flyter med flere skisseplassholdere: Systemmodell og livssykkel. Hver flyt har flere skisser med pil mellom hvert steg i flyten.
Flyter: Systemmodell og livssykkel (1 skisser). Trykk på en skisse for å åpne gallerivisning med forrige og neste.
Jeg etablerte et komponent- og tokensystem med tydelige states, semantiske farger, typografi, modulær form og valideringsmønstre. Målet var gjenbruk, konsistens og mindre rework.
Figma sidebar
Buttons
Button Group
Tag
Action Panel
Alerts
Alerts Button
Alert Close Button
Reuse State
Simple Stats
Empty State
Checkbox
Dropdown Menu
Input Field
Radio Button
Toggle
Seksjonen inneholder flyter med flere skisseplassholdere: Bibliotek og kjernekomponenter, Feedback og varsler, State og hjelpeflater, Input og kontrollvalg. Hver flyt har flere skisser med pil mellom hvert steg i flyten.
Flyter: Bibliotek og kjernekomponenter (4 skisser), Feedback og varsler (4 skisser), State og hjelpeflater (3 skisser), Input og kontrollvalg (5 skisser). Trykk på en skisse for å åpne gallerivisning med forrige og neste.
Jeg brukte flytdiagrammer til å beregne skjermvolum, identifisere gjenbruk, estimere produksjonstakt og styre milepæler. Med økende gjenbruk økte farten, og leveransen ble ferdig to uker før estimat.
Backoffice Kunde
Flyt for kunde-backoffice med service, status og oppgaver.
Mobilapp Kunde
Flyt for kundeappen i felt med registrering og vedlikehold.
Backoffice Re:Source
Intern backoffice-flyt med flere roller, steg og avhengigheter.
Mobilapp Re:Source (QR)
QR-basert registreringsflyt for intern mobilapp.
Seksjonen inneholder flyter med flere skisseplassholdere: Kundeflater, Re:Source-flater. Hver flyt har flere skisser med pil mellom hvert steg i flyten.
Flyter: Kundeflater (2 skisser), Re:Source-flater (2 skisser). Trykk på en skisse for å åpne gallerivisning med forrige og neste.
Arbeidet reduserte teknisk og produktmessig risiko før utvikling ved å avklare modell, roller og state transitions, og ved å etablere et skalerbart UI-fundament som tåler videre produktutvikling.
