How This Was Made

This site is one of the studies. It started on 2 November 2026 as a plain wish: something you want to reach into, thick like paint and putty, that holds a CV without looking like one.

It is laid out here on the Design Council's Double Diamond: open up, narrow down, open up again, narrow down again. It did not run in a straight line, and the record shows that.

Discover

Looking at Lusion, Pentagram and the work of Adrián Gubrica, and reading what research exists on motion, colour and sensory load. That research is thinner than people assume, and much of it is expert guidance, not measurement.

Define

A home online instead of a profile on someone else's platform. Four strands that never blend: separate disciplines, one rope. Adding content must never restart the design.

Develop

A flat 2D canvas

Rejected

It only pretended to have depth.

Fluid blobs, ray-marched

Rejected

Pixelated, and the shapes kept merging.

Twelve strands

Rejected

Too many. They looked gooey and a bit frightening.

Four strands that never blend

Kept

You can follow each one all the way along.

Words between the strands

Kept

Flat type on real layers: one line in front, one behind.

A full rewrite

Rejected

It lost what was good. Since then, the rule is small changes only.

Empty glass

Kept

All colour off. The strands turn to glass that bends the words.

Deliver

Real light is rendered in Blender and baked into a texture, then worn by the live strands, the way Adrián Gubrica fakes a render in real time. Everything else is flat layers you can pull apart: open the menu, go to The Lab and press View Layers. Each version is measured by inspectors written for this project, then judged by eye.

People It Was Walked Through With

These are simulated lenses used to find problems, not research with real people. Testing with real people comes next.

An autistic adult who finds bright motion overwhelming

Led to a Pause you can reach while reading, and Quiet colours.

Someone with ADHD trying to click a moving label

Led to labels that hold still when you reach them, and Resting.

A visitor with colour blindness following one strand

Led to Distinct colours, stepped in lightness first.

A screen reader user arriving for the first time

Led to a Plain Page as the first stop, and spoken changes.

A keyboard user

Led to every mode being reachable, and focus that does not get lost.

Someone with a vestibular condition

Led to all motion stopping for good when asked.

A recruiter on a phone with thirty seconds

Led to the word data in the first line. The one-icon opening stayed: interaction is the point here.

Open How This Was Made in the moving hub