NOISE ATLAS

Название — это и есть бриф. Каждый проект начинается как шум — амбиции, контекст и ограничения, которые пока не сходятся, — а работа в том, чтобы дать ему направление. Сайт говорит об этом буквально, а не слоганом.

Главная превращает изображение в поле точек. Четыре услуги складываются в квадрат, ромб, кольцо и треугольник по мере чтения, а на странице «О нас» рассыпанные точки процесса шаг за шагом собираются в продукт.

Каждый эффект отвечает на реальное состояние. При фильтрации архива карточки, которые уходят, распадаются на точки и уносятся, оставшиеся переезжают на новые места, а возвращающиеся собираются из точек, прежде чем проявится сама карточка.

Курсор оставляет след на сетке карточек, палец на телефоне ворошит поля точек, а при включённом «уменьшении движения» всё это останавливается — не ставится на паузу, а перестаёт рисоваться совсем.

Под этим нет ни 3D-библиотеки, ни фреймворка анимаций. Поля точек, растворение и след курсора — наши собственные отрисовщики на Canvas 2D, которые рисуют только то, что рядом с видимой областью; полноэкранный холст для растворения существует, только пока оно идёт, а телефон вообще не строит слои для мыши, которой у него нет.

Проекты, услуги, вопросы и политика конфиденциальности лежат в типизированных файлах контента. Одни и те же страницы работают на английском и русском, а метаданные, картинки для соцсетей и структурированные данные генерируются из этого контента, а не пишутся рядом, — поэтому ничто из них не может разойтись с тем, что написано на странице.

Next.js · React · TypeScript · Canvas 2D