NOISE ATLAS

I founded NOISE ATLAS and made the name, the identity and the site myself. The name is the brief: every project starts as noise, ambition, context and constraints that don't agree yet, and the work is giving it a direction. I wanted the site to show that instead of putting it in a slogan.

The home page turns an image into a field of points. The four services settle into a square, a diamond, a ring and a triangle as you read them, and on the About page the scattered points of the process assemble into the product step by step.

I tied every effect to a real state. Filter the archive and the cards that leave break into dithered dots and sweep away, the cards that stay slide to their new places, and the ones that return assemble from dots before the real card fades in.

The cursor leaves a wake across the card grid, a finger stirs the point fields on a phone, and with reduced motion turned on, none of it is drawn at all.

I didn't use a 3D library or an animation framework. The point fields, the dissolve and the pointer wake are Canvas 2D renderers I wrote myself.

The real work was making all that motion cost almost nothing. The renderers draw only near the viewport, the dissolve holds its full-screen bitmap only while it runs, and a phone never builds the mouse layers it can't use. Lighthouse gives the site 100 in every category.

Projects, services, questions and the privacy policy live in typed content files. The same pages serve English and Russian, and I generate the metadata, share images and structured data from that content, so none of it can drift from what the page says.