Aufan Rachmad — a designer who builds. Websites, interactive UI and short motion films, all written in code, no templates. Melbourne.
all 52 takes ↗ · the films ↗ · hire me ↗ · @aufanstudio · email
Seven I keep. Every one is live — click it and use it.
Shelf projects as book spines you pull off a shelf
Nocturne sleeper train — card thickness is the price · baka nae. — atelier the approved design — periwinkle and hot pink; 40-42 are this in her palettes
SIGNAL a ribbon of light in raw WebGL — one shader, no library, and it leans toward your cursor · ABYSSAL water seen from underneath — it stills where you hold the cursor
SOUNDING subsea cable survey — fire a sonar ping into the dark and it charts the seabed it passes · UNDERTONE a reissue label — sweep a bearing across the dark until a lost side names itself
Newest first. Retired numbers are never reused.
FOLDAWAY a paper toy theatre you look into — cut-paper flats in real 3D, and the show re-scenes · ROAST a painted coffee bean you roast yourself — it pops at first crack and the flavour follows · CONTAINER a history that runs sideways — travel right through the century and the port grows around you
CHROMA a risograph studio — drag the inks over each other, and the passes are the price · AFTERIMAGE session replay — the page light-paints your own cursor, because recording you is the product · Four Chairs a barbershop — empty chair time, no-shows, or clients not returning: which one is the leak
Short motion films, made in code — narrated in my own voice.
Motion Night ↗ · Instagram · YouTube
Week Board a booking page that reads my real calendar · Biomate swipe a hike, join the group, record the walk with real GPS · code
Every project is a take.





















