06 / Signature interactions

From interaction to component.

Each interaction includes its purpose, structure, states and usage notes. Try individual components, then view them together on the homepage.

Reference study / Kaiwen Tang

One highlight, moving with you.

A shared outline glides between labels and resizes to their width. The text grows gently; the outline stays behind it.

01 / Selected work

Ideas, out in the world.

Brand identities, digital products and interactive experiences.

Hover to explore. Click to select.View reference ↗

Website pattern / Work

The artwork moves. The frame stays.

Move between projects. The images slide inside one frame, which changes size with the cover. Switch the lamp off, or focus a row to redirect its light.

Interactive specimen
Select a work / 6 covers
NExO
Frame ready. Move between the project names.

Selected artwork

Close to return to the same selected work.

Visit the project

Component studies / Homepage

Scene components, taken apart.

Try the entrance, scroll movement, flowers, reading panel and navigation separately. The full homepage preview below shows how they fit together.

Isolated behavior study
See the components together / Original homepage

The full composition combines the components above. Load it only when you want to compare the complete experience.

Curtain entrance

Click the curtain or scroll down to enter. The scene opens into the river before moving back toward the window.

Starts only when you choose to explore.

Open full website

The preview is ready to load.