Oberoende studio för interaktiva system · produktutveckling

Boutiqueinriktad produktdesign för system som behöver förstås, kännas och vara värda att lita på.

Jag kombinerar systemarkitektur, interaktionsdesign, prototyper och implementation för produkter där beteendet är lika viktigt som utseendet. Arbetet går från domänmodeller och experiment till genomarbetade gränssnitt, tydliga tekniska gränser och verifiering på webbläsarnivå.

Utvalt arbete

Ett litet urval aktiva system, visade på djupet.

Portföljen är medvetet selektiv. Varje huvudstudie visar en annan typ av systemproblem och vägen från produktintention och interaktionsdesign till arkitektur, verifiering och leverans.

11 / Informationsmodellering

Timeline

En local-first-arbetsyta för kronologi och relationer med renderer-oberoende temporal projektion och en nyckelbaserad retained scene. Overscan, interaktionsretention och commit-reconciliation bevarar identitet och prestanda medan tidslinje, graf och karta utvecklas mot en samordnad modell.

Temporal projectionGraph + mapRetained sceneVite 8
Läs fallstudien
Mediesystem

Slipmat

Ett uppspelningscentrerat mediesystem organiserat som domänkontrakt, deterministiska planerare och tillståndsmaskiner, adaptrar och tjänster, presentationsmodeller och därefter plattformsprojektioner. Uppspelningsauktoriteten förblir tydlig mellan Jellyfin, lokala medier, native-bearbetning och gränssnittet.

React 19Rust 2024Tauri v2Media state
Privat · aktiv produktutveckling Läs fallstudien
Procedurala system

Defend

En beteendeparitetsdriven modernisering av ett fysikbaserat strategispel. Den historiska Webpack/Babylon/Cannon-versionen bevaras som körbar referens medan den aktiva moderniseringsvägen separerar deterministisk domänlogik, worker- och ljudägarskap samt renderer-oberoende kontrakt.

Babylon.jsPhysicsWebAssemblyProcedural audio
Läs fallstudien
Ekonomisk simulering

Lemonade

En deterministisk ekonomisk simulering vars kärna inte får bero på omgivande tid, slump, webbläsartillstånd eller renderingsbibliotek. Three.js, Web Audio, lagring och UI ligger som adaptrar runt modellen, medan certifiering med fasta seeds gör balans och bokföring granskningsbara.

TypeScript 6LitThree.jsDeterminism
Publikt · aktiv återuppbyggnad Läs fallstudien

Aktivt laboratorium

Mindre system som pressar en specifik idé hårt.

De här projekten syns eftersom deras aktuella arkitektur- eller interaktionsproblem är särskiljande, inte för att varje aktivt kodarkiv hör hemma på startsidan.

Utforska det bredare kodarkivet

Kompetens

En designstudio med ingenjörskärna.

De starkaste uppdragen är system med ovanliga krav på tillstånd, timing, media, simulering, hårdvara eller informationsmodeller – situationer där interaktionsdesign och arkitektur inte går att skilja åt.

01

Produkt- och systemarkitektur

Klargör domän, ägarskap, auktoritet och livscykel innan gränssnittskomplexitet stelnar kring tillfälliga implementationsdetaljer.

02

Interaktion och prototyper

Bygg fungerande experiment tidigt nog för att testa rumsligt beteende, timing, övergångar, återkoppling och fysisk eller medierik interaktion.

03

Webbnära upplevelser

Använd semantisk HTML, modern CSS, View Transitions, Web Animations och progressiv förbättring innan runtime-abstraktion läggs till för sådant plattformen redan löser.

04

Utveckling och verifiering

Gör fungerande experiment hållbara med strikta typer, deterministiska tester, prestandaevidens, tillgänglighetskontroller och CI-baserad webbläsarcertifiering.

Arbetssätt

Utforska fritt. Lyft fram evidens. Koda resultatet.

Studions process skiljer medvetet upptäckt från åtagande. Ett snabbt experiment kan förbli billigt; ett beteende blir arkitektur först när det finns tillräcklig evidens för att skydda det.

01

Modellera problemet

Kartlägg aktörer, begränsningar, tillstånd och felmoder. Gör ägarskap tydligt innan presentationsarkitektur väljs.

02

Prototypa beteendet

Använd spelbar mjukvara, verklig media, riktig hårdvara och representativa data för att testa interaktionen i stället för att bara beskriva den.

03

Härda det som överlever

Flytta bevisat beteende till typer, tester, kontrakt, CI och dokumentation så att senare iteration kan fortsätta snabbt utan att modellen förloras.

Yrkeslinje

Designpraktiken formar hur jag bygger mjukvara.

Min bakgrund kopplar grafisk design, multimediaproduktion och undervisning till offentlig digital service, stora planeringsgränssnitt och systemutveckling. Kod är ett designmaterial: ett sätt att tydliggöra relationer, pröva antaganden och forma interaktion.

Den röda tråden är inte ett visst ramverk. Det är förmågan att röra mig mellan visuell komposition, användarobservation, tillståndsmodellering, implementation, prestandaanalys och verifiering utan att behandla disciplinerna som separata överlämningar.

Läs den professionella berättelsen