Most code is written to do a known job reliably: take a payment, show an order, send an email. Creative coding uses the same tools for a different purpose. It writes small programs that make images, motion, sound or interactions, and it changes them to see what happens.

The output might be a moving identity, an interactive page, a pattern for packaging or a piece shown at an event. The method is what these share. It is open-ended on purpose, and it rewards curiosity more than planning.

Work in small sketches

A creative coding sketch is a short program that tests one idea: how circles pack together, how a line responds to a cursor, how type behaves when it breaks apart. It is meant to be made in an hour and thrown away if it does not work.

Many small sketches are more useful than one large program at this stage. Each one answers a visual question quickly. Name and date them, so the trail of ideas can be followed later.

Let the rules do the drawing

The designer's job shifts from placing every element to writing the rules that place them. Spacing, colour, speed and randomness become values that can be adjusted, and each adjustment produces a new result. This makes it easy to explore far more options than hand-drawing allows, and to notice happy accidents that nobody would have planned.

It also changes the conversation with clients. Instead of choosing between three fixed options, they can react to a range and point to the direction they like.

Look at the result, not the code

It is easy to get absorbed in making code elegant. In a sketch, only the visual result matters. Review work by looking at it, ideally side by side with earlier versions, and judge it the way you would judge any other design.

Save screenshots or short recordings of every promising stage. The best version is often one you moved past too quickly.

Know when to move on to production

Sketches are allowed to be messy, slow and fragile. When an idea is chosen for a website, a campaign or an installation, it needs to be rebuilt with care: tidier code, proper testing on real devices, and attention to accessibility and performance. Keeping these stages separate lets exploration stay fast and the final work stay dependable.

It also sets honest expectations. A sketch that looks finished on a laptop may still be weeks away from something that can run in public.

Back to the journal