← Arbejde

Case 03 · Live

Monster Builder

Monster Builder er et interaktivt browserbaseret eksperiment, hvor brugeren gennem en futuristisk “biometric reading” bliver ført ind i processen med at skabe et personligt monster. Interfacet bruger et laboratorie-/sci-fi-inspireret visuelt sprog med begreber som Landmarks, Biometric Reading og DNA Lock, hvilket får oplevelsen til at føles som en blanding af monster-generator, biometrisk scanning og digitalt eksperiment.

Monster builder front page. Big slime splash
Se videoen

Rolle: Koncept, Design og Udvikling · Eget eksperiment · 2026

Idéen

De fleste webformularer beder om input og bruger det bagefter. Her er selve spørgsmålet fortællingen: en futuristisk "biometric reading", hvor den besøgendes eget input bliver til det monster, den bygger. Der er ingen "resultat"-side adskilt fra oplevelsen — processen er produktet.

Valgene

Ingen framework. En kort, lineær oplevelse med få skærme og ingen tilstand, der skal overleve et sideskift, har ikke brug for et komponenttræ eller en router — det ville være mere kode at vedligeholde for at opnå det samme. Al tilstand lever i almindelig JavaScript, og overgangene mellem skærme er rene CSS-transitions, ikke et animationsbibliotek. Det holder oplevelsen hurtig at loade og let at ændre.

Hvad der blev bygget

En kort, direkte weboplevelse i et laboratorie- og sci-fi-inspireret visuelt sprog — Landmarks, Biometric Reading, DNA Lock — hvor brugerfladen er fiktionen frem for navigation udenom den. Bygget som en interaktiv, state-baseret brugerflade i ren CSS og JavaScript.

Resultat

Live og gratis på monster-builder.larssohl.dk, hostet på Vercel.

monster-builder.larssohl.dk

ENDA